Sintassi delle regole Css

Come sicuramene saprete l’utlizzo dei Css, o fogli di stile, consente di gestire la formattazione degli elementi visualizzati nelle pagine HTML.

I fogli di stile sono composti da un insieme di regole, quindi è necessario comprendere la sintassi di una singola regola.

Un esempio di regola è il seguente

body{
     background: #fff;
     margin: 10px;
}

La regola inizia con il selettore (è possibile definire contemporaneamente regole per più selettori separandoli con la virgola) seguito da una parentesi graffa aperta ({) e termina con una parentesi graffa chiusa (}), tra le due parentesi sono comprese le dichiarazioni, una dichiarazione non è altro che l’assegnazione di un valore ad una proprietà.
Prendiamo la seguente dichiarazione:

background: #fff;

La proprietà è background e il valore è #fff, analogamente per la regola:

margin: 10px;

La proprietà è margin e il valore è 10px.

Tutte le dichiarazioni devono terminare con ; e proprietà e valore corrispondente devono essere separate da :. L’ultima dichiarazione, cioè quella che precede la graffa chiusa (}) può non terminare con il punto e virgola, è comunque buonanorma metterlo (per evitare problemi qualora andassimo ad aggiungere una nuova regola sotto l’ultima).