HTML в примерах

       

ЕДИНИЦЫ ИЗМЕРЕНИЯ


В языке HTML существует два способа задать линейные размеры элемента: пиксели и проценты. В CSS единиц длины гораздо больше.

ЕДИНИЦЫ ИЗМЕРЕНИЯ
in - Дюймы pt - Пункты (типограф.) px - Пикселы
cm - Сантиметры pc - Пика em - Вычисляется относительно размера шрифта элемента
mm - Миллиметры ex - Высота строчной буквы "x" в шрифте % - Проценты

Условно единицы измерения можно разделить на три группы.

Первая группа - это величины, которые используются для измерения длин реальных предметов. К ним относятся:

  • in - дюймы;
  • cm - сантиметры;
  • mm - миллиметры.

Ко второй группе можно отнести величины, которые пришли в CSS из типографии. То есть они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Данная группа величин привычна полиграфистам. К ним относятся:

  • pt - типографский пункт;
  • pc - пика;
  • ex - высота строчной буквы "x" в шрифте.

Третью группу составляют величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины. К ним относятся:

  • em - вычисляется относительно размера шрифта элемента;
  • px - пиксель. Вычисляется относительно устройства отображения;
  • % - процент. Естественно, процентные соотношения не являются единицами измерения в привычном смысле слова. Они вычисляются относительно размеров элемента-предка.



Содержание раздела