Unități de măsură în CSS

In CSS, unitățile de măsură folosite pentru dimensiuni, distanțe și alte proprietăți sunt diverse. Iată cele mai frecvente unități și explicarea lor:

Unități absolute:

Unitate	Descriere	Exemplu
px	pixel, dimensiune fixă, independent de rezoluție	width: 200px;
pt	point (1/72 inch), rar utilizat în web	font-size: 12pt;
cm	centimetru	height: 5cm;
mm	milimetru	width: 50mm;
in	inch	margin: 1in;
pc	pica, 1/6 inch	font-size: 12pc;

Unități relative:

Unitate	Descriere	Exemplu
%	procent față de elementul părinte	width: 50%;
em	dimensiunea fontului elementului părinte	font-size: 2em;
rem	dimensiunea fontului rădăcinii documentului (html)	margin: 1.5rem;
vw	viewport width, procent din lățimea viewport-ului	width: 50vw;
vh	viewport height, procent din înălțimea viewport-ului	height: 100vh;
vmin	minimul dintre vw și vh	width: 10vmin;
vmax	maximul dintre vw și vh	height: 10vmax;
ch	lungimea medie a character-ului „0” în fontul curent	width: 20ch;
ex	înălțimea literei „x” în fontul curent	height: 10ex;

Rezumat:

Unitățile de măsură sunt:

• Absolute: fixate, independente de dispozitiv, folosite mai rar pentru responsive design.
• Relative: adaptabile, foarte utile pentru responsive design.