Cette page est un exemple de ce que l'on peut faire avec le CSS. Le style est géré dans le fichier style.css. Inspectez les deux fichiers pour voir les commentaires.
Grâce aux variables CSS et à un peu de JavaScript, on peut facilement changer le thème de la page.
Un menu de navigation est une liste de liens stylisée.
Ceci est un élément avec la classe .note. Il a un fond bleu clair et une bordure à gauche. Les classes permettent de réutiliser des styles sur plusieurs éléments.
Le CSS permet de contrôler l'apparence du texte :
En CSS, chaque élément est une boîte rectangulaire. Cette boîte est composée de : la marge (margin), la bordure (border), le remplissage (padding) et le contenu (content).
Flexbox est un outil puissant pour aligner et distribuer l'espace entre les éléments d'un conteneur.
Les pseudo-classes permettent de styliser un élément en fonction de son état (par exemple, survolé par la souris).
Passez la souris sur moi !On peut appliquer une image de fond à n'importe quel élément.