Unità di Misura in CSS

CSS dispone di diverse unità di misura per esprimere una lunghezza.

Molte proprietà CSS accettano valori di lunghezza, come larghezza, margine, padding, dimensioni del font, ecc.

h1 {
  font-size: 60px;
}

p {
  font-size: 25px;
  line-height: 50px;
}

Note

• Non può essserci uno spazio bianco tra il numero e l’unità di misura
• Se il valore è 0, l’unità può essere omessa.
• Per alcune proprietà CSS, sono consentite lunghezze negative.
• Ci sono due tipi di unità di lunghezza: assolute e relative.

Unità di Lunghezza Assolute

Le unità di lunghezza assolute sono fisse e una lunghezza espressa in una qualsiasi di queste unità apparirà esattamente di quella dimensione.

Le unità di lunghezza assolute non sono consigliate per l’uso su schermo, poiché le dimensioni dello schermo variano molto. Tuttavia, possono essere utilizzate se il mezzo di output è noto, come nel layout di stampa.

I pixel (px) sono relativi al dispositivo di visualizzazione. Per i dispositivi a bassa densità di pixel, 1px corrisponde a un pixel (punto) del display. Per stampanti e schermi ad alta risoluzione, 1px implica più pixel del dispositivo.

Unità di Lunghezza Relative

Le unità di lunghezza relative specificano una lunghezza rispetto a un’altra proprietà di lunghezza. Le unità di lunghezza relative si adattano meglio tra diversi mezzi di rendering.