CSS Syntaxe

Syntaxe CSS

Une règle CSS se compose d'un sélecteur et d'un bloc de déclaration :

sélecteur CSS

Le sélecteur désigne l'élément HTML que vous souhaitez styliser.

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

Chaque déclaration comprend un nom de propriété CSS et une valeur, séparés par un deux-points.

Plusieurs déclarations CSS sont séparées par des points-virgules, et les blocs de déclaration sont entourés d'accolades.

Dans cet exemple, tous les éléments <p> seront alignés au centre, avec une couleur de texte rouge :

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

p est un sélecteur en CSS (il désigne l'élément HTML que vous souhaitez styliser : <p>).
color est une propriété, et red est la valeur de cette propriété.
text-align est une propriété, et center est la valeur de cette propriété.

Vous apprendrez beaucoup plus sur les sélecteurs CSS et les propriétés CSS dans les chapitres suivants !