Одиниці виміру в CSS
Привіт, в цій статті буде розглянута тема одиниць виміру в CSS. Зазвичай використовують 2-3 одиниці, але бути знайомими з усіма все таки варто. В цьому допоможе ця стаття.
Давайте напишимо деякий CSS код, в якому задамо розмір шрифу параграфу в 14 пунктів:
p { font-size: 14pt; }
Саме pt - і є одиницеє виміру.
Ось табличка з усіма одиницями:
Позначення | Опис |
---|---|
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 - відносні одиниці, а всі інші - абсолютні.
Тепер, якщо ви в чужому коді зустрінете якусь з цих одиниць, Ви будете знати, що воно з себе представляє.
Тільки авторизовані користувачі можуть додавати коментарі.