CSS/Unità di misura, ereditarietà e box model: differenze tra le versioni
mNessun oggetto della modifica |
|||
Riga 22: | Riga 22: | ||
Avviene quando noi per un oggetto definiamo una proprietà, tutti i suoi elemtenti discendenti ereditarieranno quella proprietà. Non tutte le proprietà sono ereditabili. |
Avviene quando noi per un oggetto definiamo una proprietà, tutti i suoi elemtenti discendenti ereditarieranno quella proprietà. Non tutte le proprietà sono ereditabili. |
||
Per esempio, se all'elemento <body> |
Per esempio, se all'elemento <body> applichiamo la proprietà <code>color:red</code>, tutti i suoi elementi discendenti della pagina erediteranno questa proprietà, a meno chè non viene decisa ''inline'' dall'elemento stesso. |
||
[[Categoria:Linguaggio CSS|Unità di misura, ereditarietà e box model]] |
[[Categoria:Linguaggio CSS|Unità di misura, ereditarietà e box model]] |
Versione delle 17:29, 4 nov 2006
Template:Linguaggio CSS Parleremo in questa pagina di alcune delle proprietà più importanti delle pagine di stile, ovvero le unità di misura, il concetto di ereditarietà e i box.
Unità di misura
Le unità di misura possono essere espresse in due modi: relative e assolute. La differenza sta nel fatto che quelle assolute possono variare a seconda del browser o della macchina, a differenza di quelle relative.
Assolute
Ecco l'elenco delle unità di misura assolute:
- in pollici (inch)
- cm centimetri
- mm millimetri
- pt punti (1=1/72 di pollice)
- pc pica (1=12 punti)
Relative
- em Altezza del font in uso
- ex Altezza del carattere x
- px Pixel
Ricordiamo che è possibile esprimere le unità di misura in percentuale rispetto alla dimensione di un elemento.
Ereditarietà
Avviene quando noi per un oggetto definiamo una proprietà, tutti i suoi elemtenti discendenti ereditarieranno quella proprietà. Non tutte le proprietà sono ereditabili.
Per esempio, se all'elemento <body> applichiamo la proprietà color:red
, tutti i suoi elementi discendenti della pagina erediteranno questa proprietà, a meno chè non viene decisa inline dall'elemento stesso.