Care sunt unitățile de măsură în CSS?

Unități absolute și relative.

Tip	Unitate	Descriere
Absolute	px	Pixeli, depind de rezoluția ecranului.
	pt	Puncte, 1/72 de inch.
	cm	Centimetri.
	mm	Milimetri.
	in	Inch, 1 inch = 2.54 cm.
	pc	Pica, 1 pica = 12 puncte.
Relative	em	Relativ la dimensiunea fontului elementului părinte.
	rem	Relativ la dimensiunea fontului elementului rădăcină (html).
	vw	Relativ la 1% din lățimea viewport-ului.
	vh	Relativ la 1% din înălțimea viewport-ului.
	vmin	Relativ la 1% din cea mai mică parte a viewport-ului (lățime sau înălțime).
	vmax	Relativ la 1% din cea mai mare parte a viewport-ului (lățime sau înălțime).
	%	Relativ la dimensiunea elementului părinte (sau blocului conținător).
	ch	Relativ la lățimea caracterului '0' din fontul curent.
	ex	Relativ la înălțimea literelor mici (înălțimea-x) a fontului curent.

Alegerea unității depinde de context: px este adesea folosit pentru margini și imagini raster, rem și em pentru fonturi și margini, asigurând o mai bună scalabilitate pe diferite dispozitive. Valorile procentuale sunt utile pentru layout-uri responsive.

/* Exemplu de utilizare */
.contenitor {
  width: 80%; /* Relativ la părinte */
  margin: 1rem auto; /* Relativ la dimensiunea fontului html */
}

.cutie {
  padding: 20px; /* Valoare absolută */
  font-size: 1.2em; /* Relativ la dimensiunea fontului părintelui */
  width: 50vw; /* Relativ la lățimea viewport-ului */
}