CSS'de hangi ölçü birimleri vardır?

Mutlak ve göreceli birimler.

Tip	Birim	Açıklama
Mutlak	px	Piksel, ekran çözünürlüğüne bağlıdır.
	pt	Nokta, 1/72 inç.
	cm	Santimetre.
	mm	Milimetre.
	in	İnç, 1 inç = 2.54 cm.
	pc	Pika, 1 pika = 12 nokta.
Göreceli	em	Üst öğenin yazı tipi boyutuna göre göreceli.
	rem	Kök öğenin (html) yazı tipi boyutuna göre göreceli.
	vw	Görünüm alanının %1'ine göre.
	vh	Görünüm alanının %1'ine göre.
	vmin	Görünüm alanının en küçük tarafının %1'ine göre.
	vmax	Görünüm alanının en büyük tarafının %1'ine göre.
	%	Üst öğenin boyutuna göre.
	ch	Mevcut yazı tipinin '0' karakterinin genişliğine göre.
	ex	Mevcut yazı tipinin küçük harf yüksekliğine göre.

Birim seçimi bağlama bağlıdır: px genellikle sınır ve raster görüntüler için kullanılır, rem ve em ise yazı tipleri ve boşluklar için, farklı cihazlarda daha iyi ölçeklenebilirlik sağlar. Yüzde değerleri ise duyarlı düzenler için faydalıdır.

/* Kullanım örneği */
.kapsayıcı {
  width: 80%; /* Üst öğeye göre */
  margin: 1rem auto; /* html öğesinin yazı tipi boyutuna göre */
}

.kutu {
  padding: 20px; /* Mutlak değer */
  font-size: 1.2em; /* Üst öğenin yazı tipi boyutuna göre */
  width: 50vw; /* Görünüm alanının genişliğine göre */
}