Le regole CSS sono strutturate secondo lo schema
selettore {
proprietà1 : valore1;
proprietà2 : valore2, valore3;
}
Per esempio:
body { background: black;}
Body è il selettore, background la proprietà, black il valore che stiamo assegnando alla proprietà background del body.
I Selettori
I selettori di elementi
I selettori di elementi sono i tag appartenenti all’insieme dei TAG HTML. Quindi, per esempio:
body
h1
p
possono essere esempi di selettori di elementi.
Selettore universale
Il selettore universale serve per selezionare tutti gli elementi di una pagina web.
Viene indicato con il carattere “*”.
Esempio:
* {
color : Black;
}
Selettore del discendente
Il selettore del discendente serve per selezionare tutti gli elementi che sono discendenti di un altro elemento specificato nella regola. Un elemento è discendente di una altro se è contenuto al suo interno, a qualsiasi livello.
Esempio:
div p{
color : Black;
}
p {
color : Red;
}
Un paragrafo all’interno di un div: testo nero
Questo paragrafo non è in un div: testo rosso
ESEMPIO
<body>
<div id=”container”>
<div id=”header”></div>
<div id=”navigation”></div>
<div id=”content”></div>
<div id=”footer”></div>
</div>
</body>