Un CSS (Cascading Style Sheets) è composto da un insieme di regole chiamate in inglese rules. Le rules sono caratterizzate dall'avere sempre la stessa struttura:

selettore{ attributo: valore; }

Il selettore rappresenta la zona del documento creato alla quale verranno applicate le regole contenute tra parentesi graffe. All'interno delle parentesi graffe possono esserci N regole tipo “attributo: valore” che andranno a caratterizzare N aspetti della zona indicata dal selettore.

Ogni regola deve essere strutturata nella maniera

attributo: valore;

e può lavorare su un particolare aspetto di un tag come colore, dimensione font e tanto altro.

Immaginando di voler impostare il colore di sfondo utilizzato all'interno del blocco body andremo a scrivere:

body{background-color: white;}

Oltre ai classici selettori, rappresentanti i tag dell'HTML, possiamo definire regole associate a Classi e ID.

Le classi sono blocchi che possono essere utilizzati più volte all'interno di una pagina HTML, ogni volta che nel codice verrà trovato quel particolare blocco classe, verranno applicate le regole ad esso associate. In questo caso, il nome della classe sarà preceduto da un punto andando a scrivere quindi stringhe come:

.nome_della_classe{attributo:valore; attributo:valore;}

L'ID, al contrario, viene utilizzato quando dobbiamo caratterizzare blocchi che compariranno una sola volta all'interno del codice. In questo caso, il nome del ID sarà preceduto da un cancelletto andando a scrivere quindi stringhe come:

#nome_del_ID{attributo:valore; attributo:valore;}

<< Pagina Precedente|Menù guida HTML|Pagina successiva >>