В CSS единиц измерения гораздо больше, чем в языке HTML, что обеспечивает большую гибкость при создании интерфейса.

Для начала определимся с форматом значения длинны. Он состоит из необязательного знака ("+" или "-", по умолчанию "+"), обязательного числа (с десятичной частью, отделяемой десятичной точкой, или без), и обязательного идентификатора размерности - двухбуквенная аббревиатура. Идентификатор размерности после числа 0 не обязателен. Для некоторых свойства можно использовать отрицательные единицы длины, но так делать нежелательно.

Единицы измерения можно условно разделить на следующие группы:

1. Относительные величины,
2. Типографские величины,
3. Величины измерения длин реальных предметов.

Реальный размер относительных величин вычисляется относительно какой-либо иной величины. К ним относятся:

• % - процентные соотношения. Вычисляются относительно размеров элемента-предка;
• px - пиксель. Вычисляется относительно устройства отображения;
• em - вычисляется относительно размера шрифта элемента.

Типографские величины пришли в CSS из типографии. Они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Перечислим их:

• pt - типографский пункт;
• pc - пика;
• ex - высота строчной буквы "x" в шрифте.

Пункты и пики по сути являются реальными единицами измерения. Один пункт равен 1/72 дюйма, а пика равна 12 пунктам (1/6 дюйма). Данные единицы измерения целесообразно использовать только в таблицах стилей предназначенных для печати. Вот пример подключения такой таблицы стилей: