базовый курс

ГРУППА КУРСА

Единицы измерения CSS

В CSS часто нужно указать рамеры каких-то объектов. Для этого есть большое количество различных единиц измерения CSS. При указании размера сначала пишется число, а затем без пробела единица измерения. Единицы,которые можно использовать перечислены в следующей таблице.

px Пиксели. Пиксель - это точка на экране монитора. На некоторых устройствах размер, указанный в пикселях может не соответствовать физическим пикселям. Это сделано для того, чтобы сайты на этих устройствах отображались так же как на большинстве других.
% Проценты от другого размера. Чаще всего это размер родительского элемента. Но есть свойства, в которых проценты вычисляются от каких-то других размеров
cm Сантимерты
mm Милиметры
in Дюймы
pt Пункты, 1/72 дюйма. Используется для указания размера шрифтов
pc Пики, 1/6 дюйма. Используется для указания размера шрифтов
em Значение, зависящее от размера шрифта текущего элемента. Размер должен быть указан с помощью свойства font-size. Либо используется размер, установленный по умолчанию
ex Значение, зависящее от высоты символа x в нижнем регистре шрифта текущего элемента

Существуют и другие единицы измерения, но они поддерживаются не всеми браузерами и использовать их нежелательно.

Многим объектам можно установить нулевой размер. При этом единицы измерения CSS указывать не обязательно.

Чаще всего для указания размеров используются пикскли. Для шрифтов лучше использовать единицы, которые специально предназначены для них. Если размер шрифта указывать в пикселях, то некоторые шрифты могут выглядеть немного не такими, какие они должны быть. Хотя решение каждый раз принимается индивидуально. Это зависит от вёрстки страницы и особенностей элемента.