Una regola CSS si compone di due parti: il selettore e il blocco delle dichiarazioni:

Il selettore, di norma, è costituito dall'elemento HTML al quale si vuole attribuire uno stile.

Il blocco delle dichiarazioni è delimitato da due parentesi graffe all'interno delle quali possono trovare posto una o più dichiarazioni. Esse sono sempre costituite da una coppia:

• proprietà
• valore

Proprietà e valore sono separati dai due punti. Ogni dichiarazione è separata dalla successiva da un punto e virgola.

Per migliore la leggibilità è consigliabile andare a capo dopo ogni dichiarazione.

Esempio:

h1 {
color: red;
font-size: 12px;
}