22. Задание ключевых слов css в качестве значений. Задание значений в процентах м в размерных единицах.

В стандартной CSS-таблице предусмотрены следующие свойства, определяющие вид шрифта, используемого для отображения текста элемента:

font-family ;

font-size ;

font-style ;

font-weight ;

font-variant .

Все эти свойства наследуются дочерними элементами.

Установка свойства font-family

Свойство font-family определяет имя шрифта (гарнитуру), используемого для отображения текста элемента. Например:

BOOK {font-family:Arial}

Вы можете задавать любое имя шрифта по вашему желанию. (Имена шрифтов не являются ключевыми словами CSS.) Если браузер не может найти требуемый шрифт, он заменит его на другой доступный шрифт.

Установка свойства font-size

Свойство font-size устанавливает высоту шрифта, используемого для отображения текста элемента. Вы можете присваивать этому свойству четыре различных типа значений.

Значение, задающее размер относительно размера шрифта браузера. Вы можете задать размер шрифта относительно текущего размера шрифта браузера, присвоив свойству font-size одно из значений в виде ключевых слов, представленных в таблице 7.2. Для Internet Explorer 5 значение small заставит браузер использовать текущий выбранный размер шрифта; другие значения масштабируются с увеличением или уменьшением относительно этого размера.

Таблица 7.2. Ключевое слово для font-size: xx-small

Пример правила CSS: TITLE {font-size:xx-small}

Описание: Наименьший размер шрифта, который может задаваться с помощью ключевого слова

Ключевое слово для font-size: x-small

Пример правила CSS: TITLE {font-size:x-small}

Описание: Приблизительно в 1,5 раза больше, чем xx-small

Ключевое слово для font-size: Small

Пример правила CSS: TITLE {font-size:small}

Описание: Приблизительно в 1,5 раза больше, чем x-small . Это значение предписывает Internet Explorer 5 использовать его текущий размер шрифта

Ключевое слово для font-size: Medium

Пример правила CSS: TITLE {font-size:medium}

Описание: Приблизительно в 1,5 раза больше, чем small

Ключевое слово для font-size: large

Пример правила CSS: TITLE {font-size:large}

Описание: Приблизительно в 1,5 раза больше, чем medium

Ключевое слово для font-size: x-large

Пример правила CSS: TITLE {font-size:x-large}

Описание: Приблизительно в 1,5 раза больше, чем large

Ключевое слово для font-size: xx-large

Пример правила CSS: TITLE {font-size:xx-large}

Описание: Приблизительно в 1,5 раза больше, чем x-large

Значение, задающее размер относительно размера родительского шрифта. Вы можете задать размер шрифта относительно текущего размера шрифта для родительского элемента, присвоив свойству font-size одно из следующих значений с помощью ключевых слов из таблицы 7.3.

Таблица 7.3. Ключевое слово для font-size: smaller

Пример правила CSS: TITLE {font-size:smaller}

Описание: Размер шрифта, приблизительно на 33 % меньше размера шрифта для родительского элемента (или, для корневого элемента, на 33 % меньше размера шрифта браузера)

Ключевое слово для font-size: larger

Пример правила CSS: TITLE {font-size:larger}

Описание: Размер шрифта, приблизительно на 50 % больше размера шрифта для родительского элемента (или, для корневого элемента, на 50 % больше размера шрифта браузера)