Jakie są jednostki miary w CSS?

Jednostki bezwzględne i względne.

Typ	Jednostka	Opis
Bezpośrednie	px	Piksele, zależne od rozdzielczości ekranu.
	pt	Punkty, 1/72 cala.
	cm	Centymetry.
	mm	Milimetry.
	in	Cal, 1 cal = 2,54 cm.
	pc	Pika, 1 pika = 12 punktów.
Względne	em	Względne do rozmiaru czcionki elementu nadrzędnego.
	rem	Względne do rozmiaru czcionki elementu głównego (html).
	vw	Względne do 1% szerokości widoku.
	vh	Względne do 1% wysokości widoku.
	vmin	Względne do 1% najmniejszego boku widoku (szerokość lub wysokość).
	vmax	Względne do 1% największego boku widoku (szerokość lub wysokość).
	%	Względne do rozmiaru elementu nadrzędnego (lub bloku zawierającego).
	ch	Względne do szerokości znaku '0' aktualnej czcionki.
	ex	Względne do wysokości małych liter (wysokości-x) aktualnej czcionki.

Wybór jednostki zależy od kontekstu: px często używany jest do granic i obrazów rastrowych, rem i em do czcionek i marginesów, zapewniając lepszą skalowalność na różnych urządzeniach. Wartości procentowe są przydatne w responsywnych układach.

/* Przykład użycia */
.kontener {
  width: 80%; /* Względnie do rodzica */
  margin: 1rem auto; /* Względnie do rozmiaru czcionki html */
}

.pudełko {
  padding: 20px; /* Wartość bezwzględna */
  font-size: 1.2em; /* Względnie do rozmiaru czcionki rodzica */
  width: 50vw; /* Względnie do szerokości widoku */
}