Кои са единиците за измерване в CSS?

Абсолютни и относителни единици.

Тип	Единица	Описание
Абсолютни	px	Пиксели, зависят от резолюцията на екрана.
	pt	Точки, 1/72 инча.
	cm	Сантиметри.
	mm	Милиметри.
	in	Инчове, 1 инч = 2.54 см.
	pc	Пика, 1 пика = 12 точки.
Относителни	em	Относително към размера на шрифта на родителския елемент.
	rem	Относително към размера на шрифта на кореновия (html) елемент.
	vw	Относително към 1% от ширината на изгледа.
	vh	Относително към 1% от височината на изгледа.
	vmin	Относително към 1% от най-малката страна на изгледа (ширина или височина).
	vmax	Относително към 1% от най-голямата страна на изгледа (ширина или височина).
	%	Относително към размера на родителския елемент (или съдържащия блок).
	ch	Относително към ширината на символа '0' на текущия шрифт.
	ex	Относително към височината на малките букви (x-височина) на текущия шрифт.

Изборът на единица зависи от контекста: px често се използва за граници и растерни изображения, rem и em – за шрифтове и отстъпи, осигурявайки по-добра мащабируемост на различни устройства. Процентните стойности са полезни за отзивчиви оформления.

/* Пример за използване */
.container {
  width: 80%; /* Относително към родителя */
  margin: 1rem auto; /* Относително към размера на шрифта на html */
}

.box {
  padding: 20px; /* Абсолютна стойност */
  font-size: 1.2em; /* Относително към размера на шрифта на родителя */
  width: 50vw; /* Относително към ширината на изгледа */
}