Un ensemble de règles CSS se compose d'un type de sélecteur et un bloc de déclaration:
/* Ecriture condensée */
/* pas d'erreur syntaxique MAIS lecture difficile */
h1 {color:red; font-size:20px;}
p {color:blue; text-align:center}
Voir
Ci-dessous, on préférera une autre écriture plus lisible avec une déclaration sur chaque ligne ; Si nécessaire, le programmeur complétera par un commentaire /* ... */ permettant de comprendre la propriété :
/* Ecriture "1 ligne par propriété" */
/* lecture facilité */
h1 {
color:red; /* couleur rouge */
font-size:20px; /* police de taille 20 pixels */
}
p {
color:blue;
text-align:center; /* alignement centré */
}
Voir