Jednostki miar.

Zastosowanie:


Jednostki bezwzględne

(np. cm, mm, in, pt) są używane, gdy zależy Ci na dokładnych wymiarach na wydruku, niezależnie od rozdzielczości urządzenia (ekranu).

Jednostki miar bezwzględnych w CSS


px (piksel): Najczęściej używana jednostka na ekranie, 1px = 1/96 cala.
cm (centymetr): 1 cal = 2.54 cm = 96px.
mm (milimetr): 1 mm = 1/10 cm.
in (cal): 1 cal = 2.54 cm = 96px.
pt (punkt): 1 punkt = 1/72 cala (często w typografii).
pc (pica): 1 pica = 12 punktów.
Q (ćwierć milimetra): 1Q = 1/40 cm (nowa jednostka w CSS3).

Zastosowanie:


Jednostki miar względnych w CSS


a) Responsywność: elastyczne dopasowanie do ekranów.
b) Skalowalność: rem i em ułatwiają zmianę rozmiaru całej strony.
c) Układ: vw, vh, vmin, vmax reagują na rozmiar okna.

Jednostki miar względnych w CSS



a) Jednostki względem rozmiaru czcionki
em – względem czcionki elementu lub rodzica.
rem – względem czcionki elementu <html>.
ex – wysokość litery „x”.
ch – szerokość cyfry „0”.

b) Jednostki względem okna przeglądarki
vw – 1% szerokości okna.
vh – 1% wysokości okna.
vmin – 1% mniejszego wymiaru okna.
vmax – 1% większego wymiaru okna.

c) Inne jednostki względne
% – względem rozmiaru kontenera.