Syntaxe CSS


Table des matières

    Afficher la table des matières


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


Syntaxe CSS

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

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

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

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

Exemple

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

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

Essayez-le vous-même →

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red;
  text-align: center;
} 
</style>
</head>
<body>

<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>

</body>
</html>


Exemple expliqué

  • p est un sélecteur en CSS (il pointe vers l'élément HTML que vous souhaitez styliser : <p>).

  • color est une propriété et red est la valeur de la propriété

  • text-align est une propriété et center est la valeur de la propriété

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