Bases CSS3

Le web moderne est composé de plusieurs aspects, il y a le technique, le fonctionnel et l'esthétique, chacun de ces aspects est important au même titre que les autres, cependant quand une personne s'apparente plus à l'un d'eux elle a tendance à négliger eux, le reste.
Dans cette veine, lorsqu'une personne est plus liée à l'aspect technique, elle néglige généralement l'aspect esthétique, où l'aspect fonctionnel est un croisement entre les deux, puisque tout ce qui est très esthétique ne sera pas fonctionnel, et le fait que nous utilisons tout Les dernières technologies ne font pas non plus un site web ou un projet.
Le CSS C'est la manière dont nous pouvons incorporer la partie esthétique dans le Web de manière conviviale pour le développeur, et il sert également de langage universel pour communiquer avec l'expérience utilisateur et les concepteurs Front-End, car c'est le moyen de donner un regardez n'importe quel site Web.
Qu'est-ce que le CSS ?CSS est un langage simple utilisé pour définir les styles qui peuvent être appliqués dans les documents HTMLEn mentionnant le mot styles, nous voulons dire que nous pouvons tout contrôler, de la façon dont les polices sur un site Web sont vues, à la mise en œuvre des curseurs de la souris, des couleurs, des images, de la disposition de l'écran, etc.
CSS est une norme et est sous la responsabilité du W3C, de sorte que chaque navigateur prenant en charge CSS Cela devrait fonctionner de la même manière si vous respectez les instructions émises par cette institution.
Qu'est-ce que CSS3 ?CSS3 est un niveau de spécification de CSS, est la quatrième spécification depuis qu'elle a eu CSS, CSS2, CSS2.1 et maintenant CSS3Chaque spécification part de la précédente et chacune intègre des améliorations, de nouveaux styles et de nouvelles façons de les appliquer. Les spécifications de ces implémentations peuvent être consultées sur le Web www.w3.org/Style/CSS :

AGRANDIR

Ici, nous pouvons trouver toute la documentation officielle, qui va de l'utilisation des différentes instructions que nous pouvons utiliser, aux aspects techniques qui ont conduit à cette implémentation.
Quel est le but du CSS ?Le rôle à jouer CSS sur nos sites Internet est de préparer nos structures à être présentées, c'est-à-dire de faire HTML que nous avons construits semblent bons pour être montrés à un utilisateur. Cela peut sembler un peu idiot à dire, cependant c'est là qu'interviennent les trois facteurs que nous avons mentionnés au début, un HTML sans styles peut être fonctionnel, et il peut utiliser des éléments techniques très modernes, cependant en lui-même il ne sera pas esthétique; Cela implique que bien que notre site Web soit le meilleur, sans CSS cela semblera quelque peu incomplet.
Avantages de l'utilisation de CSS

• Nous séparons la présentation de la structure, cela aide notre site Web à être modulaire.
• Feuilles de style CSS ils peuvent être partagés par toutes les pages d'un site internet, on gagne ainsi en cohérence et en économisant du travail.
• Avec CSS nous pouvons créer des styles pour différents appareils et environnements.
• Maintenir un site que vous avez mis en place CSS c'est beaucoup plus facile.

Navigateurs modernes
Au début du web moderne, on parle des années 90, il y avait peu d'options pour les navigateurs web, même certains payants, mais ce dont on se souvient le plus c'est sûrement la guerre des Internet Explorer Oui NetscapeCela a donné une impulsion à prendre en compte l'aspect fonctionnel, cependant, être en guerre signifiait que chaque navigateur avait ses règles et cela rendait la vie impossible pour le développeur web. Actuellement, nous avons de nombreuses options de navigateur, et la grande majorité sont gratuites pour l'utilisateur, les plus importantes sont :

• Google Chrome.
• Safari.
• Mozilla Firefox.
• Opéra.
• Internet Explorer.

AGRANDIR

Chaque navigateur appartient à des développeurs différents, et ils sont responsables de l'interprétation des HTML et le CSS chacun doit donc mettre en œuvre les normes de la W3C, malgré cela, tous les navigateurs ne se comportent pas de la même manière avec la même instruction CSS. Ce dernier est dû au moteur qu'ils utilisent, voyons quel moteur chacun utilise :
WebKitC'est un moteur open source et est utilisé par Chrome Oui SafariBien que chacun utilise le même moteur, leur implémentation n'est pas forcément la même, il peut donc y avoir des différences entre les navigateurs.
GeckoC'est le moteur développé par Mozilla, et est utilisé par Firefox. Ce moteur est également open source, nous pouvons donc trouver des navigateurs qui le partagent.
PrestoC'est le moteur utilisé par Opéra et il est propriétaire, nous le verrons donc uniquement comme faisant partie des produits de sa société mère.
TridentC'est le moteur de Internet Explorer et pour le moment, il n'est disponible que dans ce navigateur et les produits Microsoft.
Ces informations sont très importantes, car ce ne sont pas seulement les navigateurs de bureau qui utilisent ces moteurs, mais aussi les navigateurs mobiles, les clients tels que les gestionnaires de messagerie, et même certaines applications. Si on connaît le moteur, on peut regarder de manière plus précise pour pouvoir avoir une approche de l'aspect technique qui les régule.
Anciens navigateurs
Jusqu'à présent, nous avons parlé des options de navigateur les plus populaires sur le marché, mais nous n'avons pas enquêté sur les détails de leurs versions. Chaque fois qu'il y a un changement de mise en œuvre dans la norme de CSS chaque navigateur est généralement mis à jour pour intégrer le changement ou les nouvelles fonctionnalités. Cela fait que les anciennes versions sont reléguées au passé et donc leur niveau de compatibilité est plus faible.
Ce qui se passe, c'est que tous les utilisateurs ne sont pas en mesure de mettre à jour pour de nombreuses raisons, manque d'autorisations, incompatibilité avec des applications importantes sur leur système, ou même pour des raisons de sécurité de l'entreprise dans laquelle ils travaillent, qui doivent tester les nouveaux navigateurs avec le même systèmes.
Cela signifie que nous avons des sites Web très modernes qui peuvent ne pas fonctionner dans les anciens navigateurs, c'est pourquoi nous devons prendre cet aspect avec prudence lors de la construction de nos sites.
Le cas le plus inconfortable
Une section très nécessaire est de parler de Internet Explorer, et pour ne pas parler seulement des mauvaises choses, puisque nous pensons que cette grande entreprise américaine a contribué de manière spectaculaire au développement de l'informatique et des technologies de l'information à un niveau mondial et historique.

AGRANDIR

Mais c'est peut-être son importance qui a fait de votre navigateur l'un des cas les plus inconfortables à gérer, uniquement dans des versions plus récentes comme l'actuelle, qui est la version 11 qu'il y a eu des progrès dans l'interprétation standard de CSS Oui JavaScript, mais dans les versions précédentes comme la 8, la 7 ou la très tristement célèbre 6, il fallait faire des versions des sites surtout pour qu'ils puissent être affichés dans ces navigateurs, et ce n'est pas le pire, sinon tant de fois qu'il y en a eu sacrifier l'esthétique et la fonctionnalité juste pour rendre nos projets techniquement réalisables.
Ici, les plus jeunes pourraient penser pourquoi ils ont continué à développer pour ces navigateurs, et la réponse est simple, malgré tout Internet Explorer est l'un des navigateurs les plus utilisés dans le monde car il est intégré à les fenêtres par défaut qui est également le système d'exploitation le plus utilisé.
Récemment, en 2015, il a été annoncé que ce navigateur serait abandonné, mais son successeur n'a pas encore été entièrement révélé et lorsqu'il sera mis en service commercialement, nous pourrons voir si les anciens problèmes persisteront ou non.
CSS plus que des styles
Toutes ces connaissances sont nécessaires, nous pouvons en savoir beaucoup sur les instructions CSS mais si nous ne connaissons pas le contexte, nous pouvons souffrir, d'une implémentation avec les meilleures pratiques à des problèmes avec des clients qui ne voient pas les mêmes choses que nous, le tout en utilisant une version particulière d'un navigateur. Actuellement, il existe des frameworks qui nous aident à surmonter toutes ces adversités, mais lorsque nous avons besoin de quelque chose de très spécifique, nous devons généralement exécuter cette fonctionnalité à partir de zéro et c'est là que nous devons connaître les bases de CSS.
À la fin de ce tutoriel, nous pourrions alors voir que CSS C'est bien plus qu'un simple langage et c'est bien plus que des styles, nous pouvons dire que c'est un composant de base clé pour nos pages Web et cela a à voir avec de nombreux aspects, tels que tout ce que nous avons vu sur les navigateurs, les moteurs et même des problèmes de compatibilité.