Относительные размеры элементов документа HTML задаются при помощи относительных единиц измерения, которые указывают значение длины относительно других элементов документа. Таблицы стилей, которые используют такой тип единиц,
намного легче перенастраиваются с одного типа устройств на другой.
К относительным единицам измерения относятся:
H1 { margin-left: 1.5em } H3 { margin-left: 2ex } span { font-size: 16px } P { font-size: 150%px } |
Дочерние элементы не наследуют относительные значения, указанные для их родительских элементов.
Абсолютные единицы измерения полезны только в том случае, когда известны физические параметры устройства вывода. К ним относятся:
H1 { margin: 1.5in } H2 { line-height: 5cm } H3 { word-spacing: 3mm } H4 { font-size: 16pt } H4 { font-size: 2pc } |
Если указанное значение длины не поддерживается, то браузеры автоматически замещают его поддерживаемым значением. Кроме рассмотренных абсолютных единиц измерения, существуют еще несколько, предназначенных для голосовых и прочих браузеров. К ним относятся: deg, rad, grad, ms, s, Hz, kHz.
H1 { color: background } H2 { color: red } H3 { color: #ff0033mm } H4 { color: rgb(100%, 0%, 0%)} H4 { color: rgb(255, 0, 125)} |