Contact me at arianna.mariani@gmail.com

Lezione 5: Struttura delle regole CSS

 

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>

StampaEmail

Aggiungi commento


Codice di sicurezza
Aggiorna