3 – Unità di misura

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 }

Condividi:

Maurizio Vittoria

Sono nato e vivo a Venezia, dove svolgo attività di Webmaster presso la Biblioteca Nazionale Marciana. Qui ho potuto unire lo status di bibliotecario con la passione per l'informatica e Internet. Come bibliotecario non potevo non interessarmi alle enormi possibilità che la rete può offrire nel campo della catalogazione e nella ricerca bibliografica; mi sono perciò specializzato nella reperibilità delle risorse e nelle ricerche on line, per le quali tengo periodicamente dei corsi, oltre a quelli su Internet, HTML e catalogazione in rete. Sono un sostenitore del W3C, dei suoi standard e del suo "vedere lontano". A questo proposito ho prodotto vari manualini di tecnica e standard Web, tra cui una guida all’HTML e qualche traduzione di documenti del W3C stesso. Nel mio lavoro sono sempre stato sensibile alle problematiche dell'accessibilità e dell'usabilità del Web e sono entrato nel WCAG WG (Web Content Accessibility Guidelines Working Group), l'organismo del W3C che sta rivedendo le linee guida internazionali per l'accessibilità dei siti Web. Ho promosso il “Progetto CABI”,  della Biblioteca Nazionale Marciana, iniziato con la “Campagna per l’Accessibilità delle Biblioteche in rete” (http://marciana.venezia.sbn.it/CABI/), progetto che si è rivelato fruttuoso per la sensibilizzazione verso l’accessibilità del Web culturale e pubblico. Partecipo al Gruppo di Lavoro del progetto europeo “Minerva” che ha prodotto il “Manuale per la qualità dei siti Web pubblici culturali,   Criteri, linee guida e Raccomandazioni”  (http://www.minervaeurope.org/publications/qualitycriteria.htm), presentato a Parma il 21 novembre 2003. Sono membro IWA-HWG e mantengo altri interessi semiletterari e meno virtuali.