Всем привет, меня зовут Анна Блок и в этой статье мы продолжим говорить про единицы измерения CSS. Предыдущая статья была связана с тем, что я описывала все значения, которые можно использовать относительно такого свойства, как font-size, но при этом я не сделала совершенно никаких выводов для того, что бы вам стало ясно какую единицу измерения использовать и в какой ситуации. Выводы сформулирую в конце этой статьи. В начале поговорим о том, как использовать эти единицы измерения для других свойств, которые связаны с шириной и высотой: width, height, padding, margin, border-radius...

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