Syntaxe et vocabulaire pour une règle CSS
Syntaxe :
Ci-dessous un exemple de règle CSS pour apprendre la syntaxe et le vocabulaire.
Un exemple issu de la page d'accueil du site de la DANE
Syntaxe :
Les éléments importants de la syntaxe sont :
chaque règle, à l'exception du sélecteur, doit être entre accolades ({}).
pour chaque déclaration, il faut utiliser deux points (:) pour séparer la propriété de ses valeurs.
pour chaque règle, il faut utiliser un point-virgule (;) pour séparer les déclarations entre elles.
Complément : Règle valable pour plusieurs éléments
Une même règle peut s'appliquer à plusieurs éléments.
Dans ce cas, on commencera la règle par l'ensemble des éléments HTML concernés en les séparant par des virgules.
Exemple : Couleur rouge
Dans l'exemple ci-dessous, on colore en rouge tous les paragraphes repérés par la balise <p></p> en HTML ainsi que les listes et les titres de niveau 1.
p,li,h1 {
color: red;
}