Единицы измерения в каскадных таблицах стилей

По сравнению с HTML в CSS можно использовать существенно больше единиц измерения и применять их не только к размерам объектов, но и к размеру шрифта. В приведенных выше примерах мы задавали размеры шрифта в пунктах (pt) и пикселях (рх).

Единицы измерения принято подразделять на абсолютные и относительные. 

Абсолютные единицы измерения

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

Объясняется это тем, что перед выводом на экран все величины преобразуются в пиксели, для чего используется масштаб изображения. В операционной системе Windows ХР, чтобы посмотреть масштаб изображения, требуется открыть диалоговое окно

Свойства: Экран (открывается двукратным щелчком по значку Экран в папке Панель управления). Перейдя на вкладку Параметры, нужно щелкнуть по кнопке Дополнительно. Откроется диалоговое окно Свойства: Модуль подключения монитора, в котором на вкладке Общие и можно увидеть масштаб изображения. Обычно масштаб изображения составляет 96 пикселей/дюйм. Например, если задан размер 5 сантиметров (cm), то на экране монитора это будет составлять 5/2,54*96 = 189 пикселей. Так как размер пикселя зависит от размера экрана монитора и установленного разрешения экрана (800 х 600, 1024 х 768 и т. д.), то становится понятно, что все абсолютные величины являются таковыми лишь для монитора с конкретными характеристиками и практически всегда будут отличаться от реальных сантиметров, дюймов и т. д. В связи с этим наиболее удобной единицей для жесткой компоновки страницы, т. е. задания абсолютных размеров объектов и их координат, является пиксель. Задавая размеры в пикселях, придется ориентироваться только на разрешение экрана, а остальные параметры, такие как размер экрана и масштаб изображения, на внешний вид страницы влиять не будут.

Относительные единицы измерения

Для гибкой компоновки страниц, когда размеры объекта зависят от размера окна браузера, можно использовать проценты. Например, если для компоновки страницы использована таблица, размеры которой заданы в процентах, относительно размеров окна браузера, то, задав размеры рисунков, находящихся в ячейках таблицы, также в процентах, но относительно размеров ячеек, можно получить страницу с гибкой компоновкой, которая будет практически одинаково выглядеть на мониторах с разными параметрами.

Весьма полезной может быть и относительная единица em, с помощью которой можно задавать размеры объектов и их координаты относительно размера шрифта.