Aller au contenu
Miraat·dweb developer journey, reflected

Fondamentaux du CSS

Comment donner forme, couleur et typographie aux éléments HTML, avec des règles claires et prévisibles.

Foundation 30 minutes Prérequis: Fondamentaux du HTML

Qu'est-ce que le CSS

CSS (Cascading Style Sheets) décrit l'apparence des éléments HTML. Il fonctionne avec des sélecteurs qui ciblent un ou plusieurs éléments, et des déclarations qui modifient une propriété.

Exemple

h1 { font-size: 28px; color: #0F6E56; }
.card { padding: 16px; border-radius: 8px; background: #fff; }
.card a:hover { text-decoration: underline; }

Concepts clés

  • Cascade : plusieurs règles peuvent toucher le même élément ; la plus spécifique ou la dernière déclarée gagne.
  • Modèle de boîte : contenu, padding, border, margin.
  • Spécificité : id > class > tag.
  • Pseudo-classes : :hover, :focus, :nth-child().

L'erreur la plus courante est de croire que !important règle tout — c'est souvent le symptôme d'un problème de spécificité à comprendre.

Ressources recommandées