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

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

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

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

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

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

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

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

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