Punti di controllo in questa sezione: 3.4 Usare unità di misura relative al posto delle unità di misura assolute sia negli attributi HTML, sia nei valori delle proprietà dei CSS. [Priorità 2].

Tecniche:

  • Usare le unità em per definire le misure dei font.
  • Usare le unità di lunghezza relativa in percentuale, anche se con i CSS si possono usare sia unità relative, sia assolute. In questo modo, ad esempio, è possibile posizionare un’immagine alla distanza di “3em” dall’alto dell’elemento nella quale è contenuta. “3em” è una distanza fissa, ma contemporaneamente è relativa alla misura dei font correnti, perciò è scalabile facilmente.
  • Usare le unità di lunghezza assolute soltanto quando le caratteristiche fisiche di output sono conosciute, come le immagini bitmap.

Esempio:

Usare em per definire le misure dei font:

  h1 { font-size: 2em }

piuttosto che:

  h1 { font-size: 12pt }

Esempio:

Usare le unità di lunghezza relativa in percentuali.

  body { margin-left: 15%; margin-right: 10%}

Esempio:

Usare le unità di lunghezza assolute soltanto quando le caratteristiche fisiche di output sono conosciute, come le immagini bitmap.

 .businesscard { font-size: 8pt }