CSS поддерживает несколько единиц длины. Их можно разделить на две основные категории: абсолютные единицы длины (определяющие длину в абсолютных измерениях, независимых от устройства отображения); относительные единицы длины (определяющие длину относительно других единиц, известных браузеру).
Абсолютные измерения длины могут измеряться в пяти единицах: дюймах (дюймах), сантиметрах (см), миллиметрах (мм), точках (точка, записываемая как pt) и высота символа (pica, записываемая как ПК). В качестве типографских единиц обычно используются точки и высота шрифта, где 1pica=12pt. CSS определяет 1 пику как 1/72 дюйма, то есть 72 пика = 1 дюйм. Это также определение, используемое в постскриптуме Adobe, который обычно используется в высококачественных принтерах.
CSS также поддерживает «абсолютную» длину в пикселях: пиксели — это точки на дисплее компьютера. Однако из-за различий в плотности пикселей и выборе пользователем разрешения экрана (один и тот же экран дисплея может поддерживать разрешение 640*480 или разрешение 1024*768) абсолютный размер пикселей будет различаться на разных дисплеях. Большая разница. . Таким образом, длина в пикселях фактически зависит от дисплея. Преимущество использования пикселей в качестве единиц отображения компьютера состоит в том, что пиксели являются строго определенными единицами. Однако пиксельные единицы могут вызвать проблемы при печати веб-документов.
Абсолютные единицы длины, такие как дюймы и сантиметры, очень полезны при макетировании печати, поскольку они обеспечивают абсолютное позиционирование, необходимое для размещения документа на бумаге фиксированного размера. Именно по этой причине в документах электронного дисплея не следует использовать абсолютную длину. Это связано с тем, что отображение на дисплеях с диагональю 6 дюймов * 4 дюйма и 21 дюйм будет разным, и нет гарантии, что браузер будет отображать одинаковую длину на данном экране. Отображение документов может осуществляться с использованием фиксированной области окна (размер окна может выбираться пользователем). Учитывая такие различия, целесообразно использовать блоки, автоматически подстраивающиеся под размер области отображения или размер шрифта текста. К счастью, есть три единицы длины CSS, которые обеспечивают такое поведение.
Измерения относительной длины могут иметь три формы: единицы em, единицы ex и проценты. Единицы em и ex определяют длину относительно размера шрифта. Единица em определяет длину относительно фактического размера шрифта: поэтому, если текущий размер шрифта составляет 12 пунктов, то 1,5em = 18 пунктов. Напротив, единицы ex определяют длину относительно высоты x шрифта: то есть относительно высоты буквы «x» в текущем шрифте. Таким образом, размер единицы измерения зависит как от размера шрифта, так и от типа семейства шрифтов, поскольку фактическая высота x при заданном размере шрифта будет варьироваться от семейства шрифтов к семейству шрифтов.
В настоящее время единицы em более надежны, чем единицы ex: для лучшей совместимости между различными браузерами лучше всего использовать единицы em. Но имейте в виду, что и em, и ex могут вызвать проблемы с печатью.
Процентная единица является третьей относительной единицей. Эта единица измерения определяет длину в процентах от относительной длины. Согласно спецификации CSS, соответствующая длина — это либо размер шрифта родительской единицы формата, либо ширина родительской единицы формата — каждый случай будет варьироваться в зависимости от характеристик вопроса. Есть чрезвычайно важное предостережение: существующие браузеры не рассчитывают процентные значения относительно ширины ячейки и, следовательно, неправильно реализуют процентные длины. Вместо этого все браузеры рассчитывают независимую от шрифта процентную длину как процент от всей ширины окна браузера.
Формат значения длины состоит из знака («+» или «-», по умолчанию — «+»), за которым следует число, а затем идентификатор единицы (двухзначное сокращение). Существует две формы единиц длины: относительные и абсолютные единицы. В таблицах стилей используются относительные единицы измерения, чтобы упростить управление масштабированием с одного носителя на другой (например, с компьютера на лазерный принтер). Процентные единицы и ключевые значения (например, «x-large») имеют те же преимущества. следующее:
H1 {margin: 0.5em} высота шрифта элемента
H1 {margin: 1ex} Высота буквы «x»
в пикселях относительно графического разрешения экрана. Если плотность пикселей устройства вывода значительно отличается от плотности стандартного экрана компьютера, пользователь изменит масштаб значений пикселей. Рекомендуемое значение пикселя — 90 точек на дюйм на расстоянии вытянутой руки от считывателя. Дочерние элементы наследуют вычисленное значение результата вместо относительного значения, например:
BODY {
размер шрифта: 12pt;
текстовый отступ: 3em;
}
H1 { размер шрифта: 15pt }
В приведенном выше примере значение text-indent для H1 равно 36pt, а не 45pt.
=======================================
em tag -- тег выделения
* теги em появляются парами, с Начните с
* Характеристики:
* Общие – общие свойства.
*em — сокращение ударения