Une règle CSS se compose d'un sélecteur et d'un bloc de déclaration.
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.
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>
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 !