Jaké jsou jednotky měření v CSS?

Absolutní a relativní jednotky.

Typ	Jednotka	Popis
Absolutní	px	Pixely, závislé na rozlišení obrazovky.
	pt	Body, 1/72 palce.
	cm	Centimetry.
	mm	Milimetry.
	in	Palce, 1 palec = 2.54 cm.
	pc	Pika, 1 pika = 12 bodů.
Relativní	em	Relativní k velikosti písma nadřazeného prvku.
	rem	Relativní k velikosti písma kořenového (html) prvku.
	vw	Relativní k 1% šířky viewportu.
	vh	Relativní k 1% výšky viewportu.
	vmin	Relativní k 1% nejmenší strany viewportu (šířka nebo výška).
	vmax	Relativní k 1% největší strany viewportu (šířka nebo výška).
	%	Relativní k velikosti nadřazeného prvku (nebo obsahujícího bloku).
	ch	Relativní k šířce znaku '0' aktuálního písma.
	ex	Relativní k výšce malých písmen (x-height) aktuálního písma.

Výběr jednotky závisí na kontextu: px se často používá pro rámečky a rastrové obrázky, rem a em pro písma a okraje, což zajišťuje lepší škálovatelnost na různých zařízeních. Procenta jsou vhodná pro responzivní rozvržení.

/* Příklad použití */
.kontejner {
  width: 80%; /* Vztah k rodiči */
  margin: 1rem auto; /* Vztah k velikosti písma html */
}

.krabice {
  padding: 20px; /* Absolutní hodnota */
  font-size: 1.2em; /* Vztah k velikosti písma rodiče */
  width: 50vw; /* Vztah k šířce viewportu */
}