| |
и установке определенного размера шрифта, как правило, преследуются
две цели. Во-первых, вы хотите гарантировать, что текст достаточно крупный для
чтения. Во-вторых, вы хотите иметь возможность изменять размеры текста заго-
ловков или отдельных фраз или слов с целью их выделения. Поскольку по умол-
чанию для различных типов браузеров (или даже различных версий одного и
того же типа браузера) размер шрифта может отличаться, если вы хотите, чтобы
текст Web-страницы выводился шрифтом определенного размера, его необходимо
указать в коде Web-страницы.
Размер шрифта играет особенно важную роль, если на странице содержится
большой объем текста. Если размер шрифта будет слишком маленьким, посети-
тель вскоре устанет читать и покинет страницу, так и не прочитав всего ее
содер-
жимого. Если же размер шрифта слишком велик, он может отвлекать внимание
посетителя и, как результат, посетитель может пропустить важную информацию,
содержащуюся на Web-странице.
190 Глава 4. Каскадные списки стилей
Свойство font-size каскадных списков стилей позволяет задавать размер вы-
водимого на странице текста. Более того, написание правил списков стилей, уп-
равляющих размером шрифта, во внешних списках стилей дает возможность лег-
ко экспериментировать со значениями свойства font-size для определения
оптимального размера шрифта. Помните, что изменение одного правила во
внешнем каскадном списке стилей приводит к изменению размера шрифта на
всех Web-страницах, связанных с этим списком стилей.
ПРАКТИКУМ
В то время как атрибут size дескриптора позволяет выбирать размер
шрифта только из 14 имеющихся размеров (од 1 до 7 и от -1 до -7), выражае-
мых в пунктах, пикселях и параметрах em, свойство font-size каскадных спис-
ков стилей предоставляет в ваше распоряжение неограниченное количество раз-
меров шрифтов. Специалисты, работающие с печатью, ближе всего знакомы с
выражением размера шрифта в пунктах. При печати пункт представляет собой
1 /п дюйма. Следовательно, символ размером 12 пунктов при печати будет иметь
размер Уб дюйма, а символ размером 72 пунктов — 1 дюйм. К сожалению, на
мониторе текст одинакового размера в пунктах может быть разного размера, по-
скольку браузеры могут работать в системах, в которых мониторы имеют различ-
ное разрешение.
Для указания размера шрифта в пунктах к численному значению размера в
свойстве font-size необходимо добавить буквы pt, как показано в следующем
примере:
р {font-size:12pt}
Ь {font-size:18pt}
После считывания правил списка стилей из этого примера Web-браузер выве-
ден на экран текст абзаца размером 12 пунктов, а полужирный текст — размером
18 пунктов.
Часто Web-дизайнеры устанавливают размеры шрифтов в пикселях, поскольку
они чаще работают не с бумагой, а с экраном компьютера. На экранах компью-
теров положение объектов и их размеры, как правило, задаются в пикселях, по-
этому не удивительно, что Web-дизайнеры для задания размеров шрифтов ис-
пользуют пиксели. Единственным преимуществом пикселей по сравнению с
пунктами является то, что независимо от разрешения монитора компьютера
шрифт одного и того же размера будет выводиться одинаково; это справедливо
даже для различных аппаратных и программных платформ. Более того, выраже-
ние размеров графических изображений и шрифтов в пикселях позволяет легко
сохранять взаимный размер теста и изображений на всех страницах Web-сайта.
Для указания размера шрифта в пикселях к численному значению размера в
свойстве font-size необходимо добавить буквы рх, как показано в следующем
примере:
body, p {font-size:10рх}
Обратите внимание, что, как правило, размер читабельного текста должен со-
ставлять не менее 9 пикселей.
Глава 4. Каскадные списки стилей
Еще один метод установки
|
|
