Ի՞նչ չափման միավորներ կան 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; /* Տեսադաշտի լայնությանը համեմատ */
}