Единицы измерения в CSS необходимы при создании любого сайта. К примеру, нам нужно задать размер шрифта, сделать отступы и т.д. — не зная размерности мы вряд ли сможем это сделать. В CSS применяется несколько единиц измерения, но, как правило, используют всего один-два. Тем не менее, знать все возможные единицы измерений не помешает, и в этом Вам поможет данный урок.
Условно единицы измерения в CSS можно разделить на три группы:
1. Величины, которые используются для измерения длин реальных предметов:
- in — дюймы;
- cm — сантиметры;
- mm — миллиметры.
2. Величины, которые пришли в CSS из типографии. Они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Эти величины часто используются полиграфистам:
- pt — типографский пункт;
- pc — пика;
- ex — высота строчной буквы «x» в шрифте.
3. Величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины:
- em — вычисляется относительно размера шрифта элемента;
- px — пиксель, вычисляется относительно устройства отображения;
- % — процент, такие величины вычисляются относительно размеров элемента-предка.
Таким образом, теперь вы знаете, что такое единицы измерения в CSS и на какие группы они подразделяются. Величины: %, px, em, ex являются относительные, величины: in, cm, mm, pc, pt — абсолютные. При создании сайта лучше всего использовать только относительные размеры, так как они масштабируются, и сайт будет смотреться на самых разных разрешениях нормально.
