Когда новичок впервые открывает CSS, он видит десятки странных обозначений: px, em, rem, pt, vw... Глаза разбегаются. А опытные верстальщики спорят до хрипоты: «Пиксели — зло!» или «Наоборот, em — это боль!». Давайте раз и навсегда разберемся, какие единицы измерения существуют в веб-верстке, что из этого реально используют топовые разработчики, а что осталось в прошлом веке. Все единицы в HTML/CSS делятся на два лагеря. Абсолютные — это как линейка. Они не зависят ни от чего. Поставил 2 см — будет 2 см (ну, почти)...

Единицы измерения, применяемые в сайтостроении: px – пиксели, абсолютная единица измерения. Используется для максимально конкретного и точного задания размеров; em – задаёт размер относительно шрифта родителя; rem – задаёт размер относительно шрифта элемента html; % – как правило, задает размер относительно аналогичного свойства родителя (но не всегда), используется для ширин, высот и так далее; vw, vh, vmin, vmax – задают размеры относительно размера экрана. Абсолютная единица измерения "пиксель" (px) Пиксель – это самая базовая и абсолютная единица измерения. Еще ее называют окончательной, потому что браузер всегда все значения в конечном итоге пересчитает именно в пиксели...