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

Относительные единицы, как правило, используются при определении размера текста, или есть необходимость узнать процентное отношение различных элементов относительно друг друга. В основном в CSS используются 4 основные относительные единицы:

- ех – определяет высоту символа под значением «х»;

- еm – определяет высоту шрифта данного элемента;

- % - определяет размер в процентном отношении;

- рх – определяет размер в пикселах.

Размер шрифта с изменяемым значением для определенного элемента задается в таблице стилей через свойство font-size. Каждый браузер отображает текст со своим стандартным размером, например, размер «1еm» это, установленная высота шрифта по умолчанию. Поэтому если есть необходимость изменить шрифт, то просто в значении меняем цифры. Точно такая же ситуация и со значением «ех», то есть видно, что размер зависит от заданных параметров браузера или родительского элемента. Вот здесь можно узнать более подробнее об особенностях CSS файлов, которые входят в состав шаблонов к основным популярным CMS.

Пиксел – это ничто иное, как точка, которая отображается на мониторе, независимо от устройства. Поэтому для изменения размера, меняем показатели в значении «рх». Например, стандартный размер шрифта, отображаемым в браузере будет 14рх, для изменения необходимо просто менять цифры перед «рх» - 18рх, 14рх, 28рх и т.д.

Абсолютные единицы используются реже, но они также встречаются при сайтостроении:

- cm – измеряется в сантиметрах;

- in – измеряется в дюймах (1 дюйм = 2,54 см);

- mm – измеряется в миллиметрах;

- pt – измеряется в пунктах (1 пункт = 1/72 дюйма);

- pc – измеряется в пиках (1 пика = 12 пунктам).

Наиболее часто из этих единиц размера используются пункты (pt), но как уже говорилось выше, сейчас в основном пользуются относительными единицами в CSS.