Единицы измерения длины в языке CSS

Главная » Уроки » CSS

Чаще всего при задании значений свойств используются единицы измерения длины, они потребуются для указания высоты шрифта, размеров отступов, рамок и других объектов. Единицы измерения длины подразделяются на абсолютные и относительные.

Единицы измерения длины в языке CSS

К абсолютным относятся:

  • in — дюйм = 2,54 см, единица измерения, распространенная в англоязычных странах;
  • cm — сантиметр;
  • mm — миллиметр;
  • pt — точка (point) = 1/72 дюйма, типографическая единица измерения;
  • рс — пика = 12 точкам.

Объект, размер которого задан в абсолютной величине, будет выглядеть одинаково на любом устройстве вывода (мониторы разного разрешения, бумага), поэтому если разработчику неизвестно, где будет просматриваться страница, то лучше не указывать значения в абсолютных величинах.

Относительные единицы измерения именуются так, потому что размер будет установлен относительно какой-то иной единицы. В CSS таких единиц три:

  • рх – пиксель, равняется размеру одной точке монитора;
  • em – 1 em равен высоте шрифта (font-size) в данной элементе;
  • ех – 1 ех равняется высоте строчной буквы "х" используемого шрифта.

Если размер элемента задан в относительной единице измерения, то объект может варьировать свой размер, «подстраиваясь» отображающее устройство каждого пользователя.

Иногда к относительным величинам причисляют еще процентные, при этом размер объекта вычисляется относительно соответствующего размера элемента-предка. Например, ширина линии-разделителя <HR width="50%"> будет равна половине от ширины контейнера, внутри которого она находится. Использование процентов незаменимо при «резиновой» верстке страниц.

Хотите воспроизвести работу других устройств на Google Android? Тогда вам надо скачать эмуляторы для андройд бесплатно на сайте javabox.net.

Категория: CSS; Урок сделан: 21.05.2012; Просмотров : 1441; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru