Привіт, в цій статті буде розглянута тема одиниць виміру в CSS. Зазвичай використовують 2-3 одиниці, але бути знайомими з усіма все таки варто. В цьому допоможе ця стаття.

Давайте напишимо деякий CSS код, в якому задамо розмір шрифу параграфу в 14 пунктів:

p {
    font-size: 14pt;
}

Саме pt - і є одиницеє виміру.

Ось табличка з усіма одиницями:

Одиниці виміру в CSS

Позначення	Опис
px	найдрібніша одиниця, видима на екрані.
em	Розмір em залежить від розміру шрифту. Якщо стоїть 1.2em, то цей розмір більший в 1.5 раз, ніж розмір шрифту в даному елементі.
%	Аналог em, але 100% = 12pt;
ex	Це висота малої "x" поточного шрифту.
pt	Пункти. 1pt = 1/72 дюйму.
сm	Розмір в сантиметрах.
mm	Розмір в міліметрах.
in	Дюйми.1in = 2.54см.
pc	Піка. 1pc = 12pt.

Майте на увазі, що px, em, %, ex - відносні одиниці, а всі інші - абсолютні.

Тепер, якщо ви в чужому коді зустрінете якусь з цих одиниць, Ви будете знати, що воно з себе представляє.