Чаще всего при задании значений свойств используются единицы измерения длины, они потребуются для указания высоты шрифта, размеров отступов, рамок и других объектов. Единицы измерения длины подразделяются на абсолютные и относительные.
К абсолютным относятся:
in — дюйм = 2,54 см, единица измерения, распространенная в англоязычных странах;
cm — сантиметр;
mm — миллиметр;
pt — точка (point) = 1/72 дюйма, типографическая единица измерения;
рс — пика = 12 точкам.
Объект, размер которого задан в абсолютной величине, будет выглядеть одинаково на любом устройстве вывода (мониторы разного разрешения, бумага), поэтому если разработчику неизвестно, где будет просматриваться страница, то лучше не указывать значения в абсолютных величинах.
Относительные единицы измерения именуются так, потому что размер будет установлен относительно какой-то иной единицы. В CSS таких единиц три:
рх – пиксель, равняется размеру одной точке монитора;
em – 1 em равен высоте шрифта (font-size) в данной элементе;
ех – 1 ех равняется высоте строчной буквы "х" используемого шрифта.
Если размер элемента задан в относительной единице измерения, то объект может варьировать свой размер, «подстраиваясь» отображающее устройство каждого пользователя.
Иногда к относительным величинам причисляют еще процентные, при этом размер объекта вычисляется относительно соответствующего размера элемента-предка. Например, ширина линии-разделителя
будет равна половине от ширины контейнера, внутри которого она находится. Использование процентов незаменимо при «резиновой» верстке страниц.
181 |
0
