Introduction :Tutoriel d’introduction aux styles CSS.
Présentation de CSS.
Le signe CSS signifie Cascading Style Sheets, soit en français « Feuilles de styles en cascade ».
C’est un langage de mise en forme pour les pages web, mais aussi pour d’autres documents tels que les documents XML.
CSS est parfaitement standardisé par le W3C, et est maintenant pris en charge pratiquement à 100% par tous les navigateurs.
CSS répond à plusieurs problématiques : Il permet de séparer le contenu proprement dit de sa mise en forme.
La nĂ©cessitĂ© de produire des pages web de plus en plus riches sur le plan esthĂ©tique risquait d’aboutir Ă l’absurditĂ© qu’il y ait plus de code pour assurer la mise en page que pour dĂ©crire le contenu lui-mĂȘme. Le volume des pages en serait d’autant augmentĂ©.
CSS permet d’enregistrer toutes les directives de mise en forme dans un fichier sĂ©parĂ©, qui sera simplement associĂ© aux pages de contenu.
CSS facilite l’homogĂ©nĂ©isation des prĂ©sentations d’un site web. Puisque la mise en forme est dĂ©crite dans un fichier sĂ©parĂ©, il est facile d’associer ce mĂȘme fichier Ă toutes les pages du site et ainsi, de leur donner Ă toutes la mĂȘme prĂ©sentation.
Les modifications de mise en forme seront Ă©galement beaucoup plus rapides Ă rĂ©aliser puisqu’il suffira de modifier un seul fichier, sans toucher aux nombreuses pages du site.
Simplification des programmes pour les sites dynamiques. La gĂ©nĂ©ration des pages dynamiquement (par un programme PHP, par ASP, ou autre) est beaucoup plus simple puisque seul le contenu a besoin d’ĂȘtre gĂ©nĂ©rĂ©, sans qu’il soit nĂ©cessaire de s’occuper de sa mise en forme.
Les concepteurs de CSS ont souhaitĂ© un langage qui soit simple Ă mettre en Ćuvre : il suffit d’un bloc note ou de n’importe quel outil capable de saisir du texte pour crĂ©er une feuille de styles CSS.
La syntaxe, bien que assez stricte, comme dans tout langage informatique, est facile Ă assimiler.
Avec le temps, et au fil des versions, CSS a gagné en puissance et permet maintenant des mises en forme trÚs sophistiquées.
Il apporte des solutions simples aux problématiques nouvelles : Mise en forme responsives.
La possibilitĂ© de concevoir des mises en forme qui s’adaptent Ă la taille de l’Ă©cran de l’internaute est devenue particuliĂšrement nĂ©cessaire Ă cause des terminaux mobiles (tĂ©lĂ©phones, tablettes, voire montres).
Les polices safe font.
La gestion des polices de caractĂšres et leur tĂ©lĂ©chargement possible sur la machine de l’internaute garanti une restitution fidĂšle de la mise en page, mĂȘme avec des polices fantaisies. Animations. CSS permet de crĂ©er des animations afin de rendre les sites internet plus interactifs et plus ludiques. DĂ©formations gĂ©omĂ©triques. Des dĂ©formations gĂ©omĂ©triques telles que la rotation, peuvent ĂȘtre appliquĂ©es Ă une image, un titre, un menu, ou n’importe quel Ă©lĂ©ment de la page.