La sintassi di una comune regola CSS è la seguente :

selettore { proprietà : valore ; }

Ad un selettore si possono attribuire più valori :

selettore { proprietà1 : valore1 ; proprietà2 : valore2 ; }

Prendiamo ad esempio la seguente dichiarazione di regola CSS :

h1 { color : white ; background : red ; }

Il selettore serve a definire la parte del documento cui verrà applicata la regola. In questo caso, ad esempio, verranno formattati tutti gli elementi < H1 >: lo sfondo sarà rosso, il colore del testo bianco.

Il blocco delle dichiarazioni è delimitato rispetto al selettore e alle altre regole da due parentesi graffe. Al suo interno possono trovare posto più dichiarazioni. Esse sono sempre composte da una coppia:

proprietà - valore

La proprietà definisce un aspetto dell'elemento da modificare (margini, colore di sfondo, etc) secondo il valore espresso. Proprietà e valore devono essere separati dai due punti. Una limitazione fondamentale da rispettare è questa: per ogni dichiarazione non è possibile indicare più di una proprietà, mentre è spesso possibile specificare più valori.

se in un blocco si definiscono più dichiarazioni, come nell'esempio in alto, esse vanno separate dal punto e virgola. Il linguaggio non impone che si metta il punto e virgola dopo l'ultima dichiarazione, ma alcuni browser più datati lo richiedono: aggiungetelo sempre per sicurezza e per una maggiore compatibilità.

COMMENTI