Merne jedinice u CSS-u

Merne jedinice u CSS-u se dele na relativne i apsolutne.

Relativne

px: piksel, veličina jedne tačke na ekranu uređaja
%: procenti, relativni u odnosu na roditeljski element
em: visina fonta elementa
rem: visina osnovnog fonta stranice
ex: visina znaka x u fontu elementa
vh: visina vidnog polja u procentima
vw: širina vidnog polja u procentima

Apsolutne

in: inči
cm: santimetrl
mm: milimetri
pt: tačke
pc: pajkovi

Pojašnjenje

Kada koristite procente, imajte na umu da su relativni u odnosu na roditeljski element, a ne na veličinu stranice. Na primer, ako u <div> tagu koji je širok 500px imamo <div> tag sa širinom postavljenom na 50%, unutrašnji <div> će biti širok 250 piksela.