Aké sú jednotky merania v CSS?

Absolútne a relatívne jednotky.

Typ	Jednotka	Popis
Absolútne	px	Pixely, závislé od rozlíšenia obrazovky.
	pt	Body, 1/72 palca.
	cm	Centimetre.
	mm	Milimetre.
	in	Palce, 1 palec = 2.54 cm.
	pc	Pika, 1 pika = 12 bodov.
Relatívne	em	Relatívne k veľkosti písma rodičovského prvku.
	rem	Relatívne k veľkosti písma koreňového (html) prvku.
	vw	Relatívne k 1% šírky viewportu.
	vh	Relatívne k 1% výšky viewportu.
	vmin	Relatívne k 1% najmenšej strany viewportu (šírka alebo výška).
	vmax	Relatívne k 1% najväčšej strany viewportu (šírka alebo výška).
	%	Relatívne k veľkosti rodičovského prvku (alebo obsahujúceho bloku).
	ch	Relatívne k šírke znaku '0' aktuálneho písma.
	ex	Relatívne k výške malých písmen (x-výška) aktuálneho písma.

Výber jednotky závisí od kontextu: px sa často používa pre okraje a rastrové obrázky, rem a em pre písma a okraje, čo zabezpečuje lepšiu škálovateľnosť na rôznych zariadeniach. Percentuálne hodnoty sú vhodné pre responzívne rozloženia.

/* Príklad použitia */
.kontejner {
  width: 80%; /* Vzťah k rodičovi */
  margin: 1rem auto; /* Vzťah k veľkosti písma html */
}

.kocka {
  padding: 20px; /* Absolútna hodnota */
  font-size: 1.2em; /* Vzťah k veľkosti písma rodiča */
  width: 50vw; /* Vzťah k šírke viewportu */
}