Quali sono le unità di misura in CSS?

Unità assolute e relative.

Tipo	Unità	Descrizione
Assolute	px	Pixel, dipendono dalla risoluzione dello schermo.
	pt	Punti, 1/72 di pollice.
	cm	Centimetri.
	mm	Millimetri.
	in	Pollici, 1 pollice = 2.54 cm.
	pc	Pica, 1 pica = 12 punti.
Relative	em	Relativo alla dimensione del carattere dell'elemento genitore.
	rem	Relativo alla dimensione del carattere dell'elemento radice (html).
	vw	Relativo all'1% della larghezza del viewport.
	vh	Relativo all'1% dell'altezza del viewport.
	vmin	Relativo all'1% del lato più piccolo del viewport (larghezza o altezza).
	vmax	Relativo all'1% del lato più grande del viewport (larghezza o altezza).
	%	Relativo alla dimensione dell'elemento genitore (o blocco contenitore).
	ch	Relativo alla larghezza del carattere '0' del font corrente.
	ex	Relativo all'altezza delle lettere minuscole (altezza-x) del font corrente.

La scelta dell'unità dipende dal contesto: px è spesso usato per bordi e immagini raster, rem e em per font e margini, garantendo una migliore scalabilità su diversi dispositivi. I valori percentuali sono utili per layout reattivi.

/* Esempio di utilizzo */
.contenitore {
  width: 80%; /* Relativo al genitore */
  margin: 1rem auto; /* Relativo alla dimensione del font di html */
}

.scatola {
  padding: 20px; /* Valore assoluto */
  font-size: 1.2em; /* Relativo alla dimensione del font del genitore */
  width: 50vw; /* Relativo alla larghezza del viewport */
}