Le CSS (Cascading Style Sheets, ou feuilles de style en cascade) est le langage qui définit l’apparence des pages web. Le HTML structure le contenu, le CSS décide de sa présentation.
À quoi ça sert
Le CSS règle la mise en page, les couleurs, les polices et les marges, ainsi que la position du logo, du menu et du pied de page.
Il gère aussi l’adaptation à la taille de l’écran : une même page s’affiche différemment sur un téléphone et sur un grand écran.
Les règles sont regroupées dans une feuille de style, en général un fichier commun à tout le site. Modifier ce fichier change l’apparence de toutes les pages d’un coup, sans toucher à leur contenu.
Comment ça marche
Une règle CSS associe un sélecteur, qui désigne les éléments visés, à des propriétés. Par exemple : tous les titres de niveau 2 en gras et dans la couleur de la marque.
Quand plusieurs règles visent le même élément, le navigateur applique un ordre de priorité. C’est cette « cascade » qui donne son nom au langage. La norme est publiée par le W3C et évolue par modules.
Et aujourd’hui ?
Le CSS a beaucoup progressé depuis les années 2010. Flexbox et Grid permettent des mises en page complexes sans astuces de contournement.
Les media queries et les container queries adaptent l’affichage à chaque écran. Les variables CSS facilitent l’application d’une charte graphique. Les animations simples, autrefois confiées à Flash ou à JavaScript, se font aussi en CSS.
Un CSS bien organisé se maintient facilement et se charge vite. Nous y veillons sur les sites et outils que nous construisons, notamment en WordPress.