Syntaxe CSS

Syntaxe CSS

Le jeu de règles CSS (rule-set) est composé de sélecteurs et de blocs d'attributs :

Sélecteur CSS

Le sélecteur pointe vers l'élément HTML que vous souhaitez styler.

Un bloc de déclarations contient une ou plusieurs déclarations séparées par des points-virgules.

Chaque déclaration contient un nom d'attribut CSS et une valeur, séparés par un deux-points.

Les déclarations CSS multiples sont séparées par des points-virgules, et les blocs de déclarations sont encadrés par des accolades.

Exemple

Dans cet exemple, tous les éléments <p> seront centrés et auront une couleur de texte rouge :

p {
  color: red;
  text-align: center;
}

Essayez-le vous-même

Explication d'exemple

  • p Est dans CSSSélecteur(Il pointe vers l'élément HTML à style à définir : <p>).
  • color Est une propriétéred Est une valeur de propriété
  • text-align Est une propriétécenter Est une valeur de propriété

Dans le prochain chapitre, vous apprendrez davantage sur les sélecteurs CSS et les propriétés CSS.