На этом шаге мы рассмотрим свойство font-size.
Это свойство определяет размер шрифта. Его значение может быть абсолютным или относительным. Абсолютное значение можно задать одним из следующих способов.
- С помощью ключевых слов. Такими словами являются xx-small, x-small, small, medium, large, x-large, xx-large, которые являются индексами в таблице размеров шрифтов, поддерживаемой браузером. Масштабирующий множитель соседних значений в каскадных таблицах стилей определялся как 1,2. Это означает, что шрифт размера large в 1,2 раза выше шрифта medium и в 1,2 ниже шрифта x-large. По умолчанию браузер использует значение medium.
- В виде абсолютного значения длины, например: 10pt. В этом случае высота шрифта не зависит от хранимой таблицы размеров шрифтов браузера.
Ключевые слова для задания относительного размера шрифта интерпретируются относительно таблицы размеров шрифтов и размера шрифта элемента-родителя. Возможными значениями могут быть: larger и smaller. Например, если родитель имеет размер шрифта medium, то значение larger сделает шрифт текущего элемента равным large. Относительный размер шрифта можно задать также в процентах к размеру шрифта родителя или в относительных единицах длины:
P {font-size: 10pt;}
ЕМ {font-size: 120%;}
Последнее правило для выделенного в абзаце элемента ЕМ определяет высоту шрифта 12pt.
Примечание. В этом разделе мы использовали некоторые единицы измерения значений каскадных таблиц стилей. Наиболее употребительными единицами измерения являются:
- px - пиксели (точки экрана, размер которых зависит от установок монитора и видеокарты);
- pt - пункты (72 пункта на дюйм);
- in - значение в дюймах;
- cm - значение в сантиметрах;
- mm - значение в миллиметрах;
- pc - значение в пиках (1pc=12pt).
Все перечисленные единицы измерения, за исключением первой, являются абсолютными, то есть браузер будет пытаться показать все в натуральную величину, без учета установок компьютера пользователя.
На следующем шаге мы рассмотрим свойство font.
