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).