Milyen mértékegységek vannak a CSS-ben?

Abszolút és relatív egységek.

Típus	Egység	Leírás
Abszolút	px	Pixelek, a képernyő felbontásától függ.
	pt	Pontok, 1/72 inch.
	cm	Centiméterek.
	mm	Milliméterek.
	in	Inch, 1 inch = 2.54 cm.
	pc	Pica, 1 pica = 12 pont.
Relatív	em	A szülő elem betűméretéhez viszonyítva.
	rem	A gyökér (html) elem betűméretéhez viszonyítva.
	vw	A viewport szélességének 1%-ához viszonyítva.
	vh	A viewport magasságának 1%-ához viszonyítva.
	vmin	A viewport legkisebb oldalának 1%-ához viszonyítva.
	vmax	A viewport legnagyobb oldalának 1%-ához viszonyítva.
	%	A szülő elem méretéhez viszonyítva.
	ch	A jelenlegi betűtípus '0' karakterének szélességéhez viszonyítva.
	ex	A kisbetűk magasságához (x-hossz) viszonyítva.

A egység kiválasztása a kontextustól függ: a px gyakran használatos keretekhez és raszterképekhez, a rem és em betűtípusokhoz és margókhoz, jobb skálázhatóságot biztosítva különböző eszközökön. A százalékos értékek rugalmas elrendezésekhez hasznosak.

/* Használati példa */
.konténer {
  width: 80%; /* A szülőhöz viszonyítva */
  margin: 1rem auto; /* A html betűméretéhez viszonyítva */
}

.tartály {
  padding: 20px; /* Abszolút érték */
  font-size: 1.2em; /* A szülő betűméretéhez viszonyítva */
  width: 50vw; /* A viewport szélességéhez viszonyítva */
}