Sono Andrea Tonin di Rovigo, sono web-designer di professione. Il mio lavoro consiste nel fornire ai miei clienti interfacce di navigazione accattivanti e personalizzate. Questa esigenza lavorativa mi ha portato a sviluppare una buona conoscenza delle tecniche HTML e CSS. Spero che questo corso pratico di CSS vi possa essere utile :)

In CSS possiamo specificare una lunghezza in termini assoluti o relativi.

Vediamo un esempio pratico nel seguente codice:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
p.esempio {font-size: 18pt;}
</style>
 
</head>
 
<body>
<p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</body>
 
</html>

Le lunghezze vengono indicate con un valore numerico seguito dalla unità di misura SENZA SPAZI NEL MEZZO, è corretta la notazione 18pt è scorretta la notazione con lo spazio 18 pt.

Le lunghezze relative permettono di costruire una pagina in modo proporzionale al font utilizzato, anche quando il font viene modificato dal browser. Le unità di misura relative sono:

– em:ad esempio 3em = tre volte l’altezza del font corrente;

– ex: ad esempio 3ex = tre volte l’altezza della lettera x del font corrente;

Le unità di misura assolute non variano mai, si dovrebbero utilizzare solamente quando si conoscono esattamente le dimensioni del dispositivo di visualizzazione e sono:

– pt: punto tipografico = 1/72 di pollice;

– pc: pica = 12 punti tipografici;

– px: pixel;

– in: pollici (inch);

– mm: millimetri;

– cm: centimetri;

Il mio sito ufficiale>