Шаг 12.
Основы CSS.
Свойства форматирования шрифтов. Свойство font-size

    На этом шаге мы рассмотрим свойство font-size.

    Это свойство определяет размер шрифта. Его значение может быть абсолютным или относительным. Абсолютное значение можно задать одним из следующих способов.

  1. С помощью ключевых слов. Такими словами являются xx-small, x-small, small, medium, large, x-large, xx-large, которые являются индексами в таблице размеров шрифтов, поддерживаемой браузером. Масштабирующий множитель соседних значений в каскадных таблицах стилей определялся как 1,2. Это означает, что шрифт размера large в 1,2 раза выше шрифта medium и в 1,2 ниже шрифта x-large. По умолчанию браузер использует значение medium.
  2. В виде абсолютного значения длины, например: 10pt. В этом случае высота шрифта не зависит от хранимой таблицы размеров шрифтов браузера.

    Ключевые слова для задания относительного размера шрифта интерпретируются относительно таблицы размеров шрифтов и размера шрифта элемента-родителя. Возможными значениями могут быть: larger и smaller. Например, если родитель имеет размер шрифта medium, то значение larger сделает шрифт текущего элемента равным large. Относительный размер шрифта можно задать также в процентах к размеру шрифта родителя или в относительных единицах длины:

    P {font-size: 10pt;}
    ЕМ {font-size: 120%;}

    Последнее правило для выделенного в абзаце элемента ЕМ определяет высоту шрифта 12pt.


    Примечание. В этом разделе мы использовали некоторые единицы измерения значений каскадных таблиц стилей. Наиболее употребительными единицами измерения являются:

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


    На следующем шаге мы рассмотрим свойство font.




Предыдущий шаг Содержание Следующий шаг