Числовые значения

Числовые значения можно использовать для указания размера (высоты, ширины, толщины и т.д.) всех типов элементов. Такие значения можно разделить на две группы: относительные и абсолютные.

Абсолютные значения описывают фактический размер (допустим, 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, относительно ширины окна браузера, что позволяет создавать «гибкую» разметку, а также для указания размера межстрочных отступов.




Rambler's Top100