Самоучитель по креативному веб-дизайну. Книга 1, стр.162

Для указания размера шрифта в пунктах к численному значению размера в свойстве font-siz e необходимо добавить буквы pt, как показано в следующем примере:



р {font-size:12pt}

b {font-size:18pt}

После считывания правил списка стилей из этого примера Web-браузер выве-

ден на экран текст абзаца размером 12 пунктов, а полужирный текст — размером

18 пунктов.

Часто Web-дизайнеры устанавливают размеры шрифтов в пикселях, поскольку они чаще работают не с бумагой, а с экраном компьютера. На экранах компью — теров положение объектов и их размеры, как правило, задаются в пикселях, по — этому не удивительно, что Web-дизайнеры для задания размеров шрифтов ис- пользуют пиксели. Единственным преимуществом пикселей по сравнению с пунктами является то, что независимо от разрешения монитора компьютера шрифт одного и того же размера будет выводиться одинаково; это справедливо даже для различных аппаратных и программных платформ. Более того, выраже — ние размеров графических изображений и шрифтов в пикселях позволяет легко

сохранять взаимный размер теста и изображений на всех страницах Web-сайта.

Для указания размера шрифта в пикселях к численному значению размера в свойстве font-siz e необходимо добавить буквы рх, как показано в следующем примере:



body, p {font-size:10рх}



Обратите внимание, что, как правило, размер читабельного текста должен со — ставлять не менее 9 пикселей.

Глава 4. Каскадные списки стилей 19 1





Еще один метод установки размера шрифта — выражение его по отношению

к размеру родительского элемента в пунктах. Отношения типа родительский эле — мент/дочерний элемент устанавливаются путем включения одного Web-элемента

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



Весь текст, заключенный между набором начального и конечного

дескрипторов параграфа, является частью элемента параграфа.

3TOT элемент цитаты представляет собой дочерний элемент

по отношению к тому элементу параграфа, в рамках начального и

конечного дескрипторов которого он размещенv

Когда мы используем один HTML-элемент внутри другого, внутренний

элемент является дочерним, а внешний — родительским.

Параметр em позволяет устанавливать размер Web-элемента в отношении раз — мера его родительского элемента в пунктах. Параметр em представляет собой ши —

рину буквы «М» текущего шрифта. Поэтому, если в списке стилей установлены следующие правила, размер текста цитаты, расположенного внутри текста абзаца, будет в 1.5 раза больше, чем размер текста абзаца:

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

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

Полезные ссылки
Случайные записи
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.52
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 001
  • 06.08.2011">Функция автосохранения в Photoshop
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.99
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 129
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 036
  • 09.08.2011">Будущее — за интернетом
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.98
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.62
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.139
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.76
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.101
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 061
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 115
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 099
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...