CSS/Unità di misura, ereditarietà e box model: differenze tra le versioni

Wikibooks, manuali e libri di testo liberi.
< CSS
Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
Diablo (discussione | contributi)
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.