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