CSS/Unità di misura, ereditarietà e box model: differenze tra le versioni
Nessun oggetto della modifica |
mNessun oggetto della modifica |
||
Riga 23: | Riga 23: | ||
Per esempio, se all'elemento <body> applicgìhiamo al proprietà <code>color:red</code>, tutti i suoi elementi discendenti della pagina erediteranno questa proprietà, almenochè non viene decisa ''inline'' dall'elemento stesso. |
Per esempio, se all'elemento <body> applicgìhiamo al proprietà <code>color:red</code>, tutti i suoi elementi discendenti della pagina erediteranno questa proprietà, almenochè non viene decisa ''inline'' dall'elemento stesso. |
||
[[Categoria:Linguaggio CSS|Unità di misura, ereditarietà e box model]] |
Versione delle 17:46, 5 ott 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> applicgìhiamo al proprietà color:red
, tutti i suoi elementi discendenti della pagina erediteranno questa proprietà, almenochè non viene decisa inline dall'elemento stesso.