Свойства могут ограничивать диапазон принимаемых ими чисел.

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

И целые, и вещественные числа могут быть как положительными, так и отрицательными.

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

В спецификации CSS 2.1 зафиксировано 17 цветов, которые можно задавать ключевыми словами. Это 16 цветов, описанных в HTML 4.01, плюс оранжевый цвет (orange).

В CSS 3 определён список ключевых слов для 140 цветов, но часто удобнее задавать цвета, не входящую в стандартную 17-цветную палитру другими способами, описанными ниже.

Вместо #rrggbb можно писать сокращённо: #rgb.

Цвет задаётся так же, как в HTML, например, #ff0000 — красный цвет. Если в 16-ричном коде цифры в трёх последовательных парах одинаковые, допускается сокращённая запись, например, записи #ff0000 и #f00 задают один и тот же красный цвет.

Допустимый диапазон чисел R, G и B — от 0 до 255.

RGB-компоненты записываются в формате rgb(R,G,B), например, rgb(255,0,0) — красный цвет.

Допустимый диапазон процентных значений — от 0% до 100%.

Процентная запись аналогична числовой, но используются проценты: rgb(100%,0%,0%) — красный цвет.

Ш

Для буквы Ш задано правило font-size:1in.

Обозначение: in

Задаёт размер в дюймах. Один дюйм равен 25,4 миллиметра.

Ш

Для буквы Ш задано правило font-size:1cm.

Обозначение: cm

Задаёт размер в сантиметрах. Один сантиметр равен 0,394 дюйма.

Ш

Для буквы Ш задано правило font-size:20mm.

Обозначение: mm

Задаёт размер в миллиметрах.

Ш

Для буквы Ш задано правило font-size:72pt.

Обозначение: pt

Задаёт размер в типографских пунктах. В одном дюйме 72 пункта.

Ш

Для буквы Ш задано правило font-size:6pc.

Обозначение: pc

Задаёт размер в типографских пиках. Одна пика — 12 пунктов, то есть в одном дюйме 6 пик.

Ш

Для буквы Ш задано правило font-size:10em.

Обозначение: em

В CSS один em совпадает со значением свойства font-size текущего шрифта (то есть с размером текущего шрифта).

О том, что понимается под размером шрифта, смотрите в разделе “04. Стилевые свойства. → 9. Текст → Размер шрифта” (ссылка).

Файл style.css

  
H1 {font-size:80px;}
H2 {font-size:40px;}
P  {font-size:20px;}
H1, H2, P {margin-left:1em;}
      

Пусть, например, для элементов H1, H2 и P задан шрифт, соответственно, в 80, 40 и 20 пикселов:

H1 {font-size:80px;}
H2 {font-size:40px;}
P  {font-size:20px;}
          

Определим теперь для этих элементов внешний отступ слева в 1em:

H1, H2, P {margin-left:1em;}
          

Получится, что отступ для H1 будет равен 80 пикселам, для H2 — 40 пикселам, а для P — 20 пикселам.

Файл style.css

  
BODY {font-size:1em;}
H1 {font-size:2em;}
EM {font-size:0.8em;}
      

При вычислении размера шрифта значение em вычисляется относительно размера родительского элемента. Рассмотрим пример (см. слева).

Для BODY задан шрифт размером в 1em. Это означает, что на странице будет использоваться размер шрифта, установленный в браузере по умолчанию. Этот размер наследует шрифт в элементе P, но для потомка EM шрифт будет иметь размер на 20% меньше. Напротив, элемент H1 будет записываться шрифтом, размер которого в два раза больше размера шрифта, заданного для BODY (то есть установленного в браузере по умолчанию).

Если пользователь изменит размер шрифта в браузере, на экране всё перестроится пропорционально.

Ш

Для буквы Ш задано правило font-size:10ex.

Обозначение: ex

Величина ex опирается на высоту английской буквы x нижнего регистра текущего шрифта.

Проблема в том, что высота буквы x в разных шрифтах разная, даже при одном шрифтовом размере. Кроме того, браузеры вычисляют эту величину тоже по-разному, поэтому единицу ex разработчики используют крайне редко.

Ш

Для буквы Ш задано правило font-size:300px.

Обозначение: px

Пикселы отнесены к относительным единицам, потому что размер пиксела зависит от экранного разрешения и размеров монитора.

На одном мониторе при фиксированном разрешении пикселы ведут себя так же, как сантиметры, то есть представляют собой абсолютную единицу.

Если размер шрифта задан в пикселах, пользователи IE вплоть до версии IE6 не смогут его увеличить, и это очень плохо с точки зрения добропорядочного интерфейса. В других современных браузерах (IE7 и остальных) такой проблемы нет.

Измерения в пикселах идеальны для растровых картинок.