Числовые значения можно использовать для указания размера (высоты, ширины, толщины и т.д.) всех типов элементов. Такие значения можно разделить на две группы: относительные и абсолютные.
Абсолютные значения описывают фактический размер (допустим, 5 см), тогда как относительные представляют собой лишь размер, относительно другого элемента.
| Абсолютное значение | Обозначение | Пример | Эквивалент в дюймах |
| Дюймы | in | height:6in | |
| Сантиметры | cm | height;40cm | 2.54 |
| Миллиметры | mm | height:500mm | 25.4 |
| Пункты | pt | height:60pt | 72 |
| Пики | pc | height:90pc | 6 |
| Пиксели | px | height:72px | 72 |
При добавлении CSS для элементов фиксированного размера, например изображений, мы используем только пикселы. Вы можете выбрать и любой другой вариант.
Если абсолютные единицы измерения довольно очевидны, то относительные требуют дополнительного объяснения.
| Относительное значение | Единица измерения | Пример |
| em | ex | height:1.2em |
| ex | em | height:6ex |
| проценты | % | height;120% |
Единицы em и ех используются для указания размера. Em равняется высоте текстового поля для шрифта, поэтому его размер зависит от используемого шрифта. Ех является эквивалентом высоте строчного символа х выбранного шрифта.
Проценты удобно использовать для указания ширины элементов-контейнеров, например div, относительно ширины окна браузера, что позволяет создавать «гибкую» разметку, а также для указания размера межстрочных отступов.