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