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	მიმდინარე ფონტის პატარა ასოების სიმაღლეზე დამოკიდებული.

საიდან და როგორ აირჩიოთ ერთეული, დამოკიდებულია კონტექსტზე: px ხშირად გამოიყენება საზღვრებისთვის და რასტრული სურათებისთვის, rem და em — ფონტებისთვის და შუალედებისთვის, უკეთესი მასშტაბირებისთვის. პროცენტული მნიშვნელობები სასარგებლოა რეაგირებადი დიზაინისთვის.

/* გამოყენების მაგალითი */
.container {
  width: 80%; /* მშობელზე დამოკიდებული */
  margin: 1rem auto; /* `html` ფონტის ზომაზე დამოკიდებული */
}

.box {
  padding: 20px; /* აბსოლუტური მნიშვნელობა */
  font-size: 1.2em; /* მშობელი ფონტის ზომაზე დამოკიდებული */
  width: 50vw; /* ვიუპორტის სიგანეზე დამოკიდებული */
}