Comment fonctionne le CSS ?

CSS signifie Cascading Style Sheets. Il sert à décrire l’apparence des éléments HTML : couleurs, tailles, espacements, bordures, polices, arrière-plans, etc.

La syntaxe d’une règle CSS

Une règle CSS contient un sélecteur, puis une ou plusieurs déclarations.

Une règle CSS simple
p {
  color: #1d4ed8;
  font-size: 18px;
  line-height: 1.6;
}

Les types de sélecteurs les plus utiles

  • p : cible toutes les balises <p>.
  • .carte : cible tous les éléments ayant la classe carte.
  • #menu : cible l’élément avec l’identifiant menu.
Lier un fichier CSS à une page HTML
<head>
  <link rel="stylesheet" href="style.css">
</head>
Cascade : quand plusieurs règles s’appliquent, le navigateur choisit selon la spécificité, l’ordre et l’héritage.