La sintassi usata nei fogli è piuttosto semplice e consistente:
selettore {
proprietà:valore;
proprietà:valore;
...
}
dove il selettore consente di selezionare uno o più elementi ai quali applicare le regole di stile indicate nel seguito. Si osservi ancora una volta che il foglio stile NON contiene codice html: si tratta di un altro linguaggio!
Si osservino con attenzione:
Per adesso l'unico tipo di selettore che abbiamo visto è il cosiddetto selettore di elemento, cioè in pratica il nome di un tag che seleziona tutti gli elementi di quel certo tipo.
Si consideri ancora l'esempio qui sotto:
/* Formatta tutti i paragrafi in rosso giustificato */
p {
color: red;
text-align:justify;
}
/* Assegna un colore di sfondo alla pagina */
body { background-color: lightblue; }
Osserviamo in questo esempio la sintassi necessaria per inserire commenti in un foglio stile. Notiamo inoltre che si può andare a capo liberamente e inserire spazi a piacere: come al solito il modo di scrittura è una questione di gusti e di abitudini personali.
Infine è possibile raggruppare insieme più stili uguali in questo modo:
/* Formatta tutti gli header h1, h2 e h3 in verde centrato */
h1,h2,h3 {
color: green;
text-align:center;
}
Sito realizzato in base al template offerto da
http://www.graphixmania.it