php_mysql_dreamweaver_mx_2004 разработка web сайтов.pdf

64 Часть I. Наш первый Web-са
Раскрывающийся список Font содержит несколько пунктов, представляющих
так называемые стандартные шрифты HTML, которые могут быть использованы
на Web-страницах. Предполагается, что эти шрифты установлены
на любом клиентском компьютере, поэтому никаких проблем с отображением
текста на Web-страницах быть априори не должно. Стандартных шрифтов
немного, но в Web-дизайне больше и не нужно.
( Замечание ^
В принципе, стандарты HTML и CSS не запрещают нам задать для текста любой
шрифт. Но при этом нам самим придется позаботиться, чтобы у посетителей
нашего сайта этот шрифт имелся.
Пункт Default Font этого списка задает для выделенного текста тот же
шрифт, что и у родительского тега.
Также стандарты HTML и CSS определяют несколько стандартных величин
размеров для шрифта. Им соответствуют пункты xx-small, x-small, small,
medium, large, x-large и xx-large раскрывающегося списка Size. Они перечисляют
все стандартные размеры в порядке от самого мелкого до самого
крупного. Пункты larger и smaller задают размер шрифта соответственно на
одну ступень больше и меньше размера шрифта родительского тега. Числовые
пункты задают размер шрифта в пунктах; также можно ввести нужный
нам размер вручную прямо в список. А пункт None делает размер шрифта
таким же, как у родительского тега.
Давайте зададим для выделенной нами строки текста шрифт Verdana, Arial,
Helvetica, sans-serif, для чего выберем соответствующий пункт списка Font.
И увеличим на одну ступень размер этого шрифта, выбрав в списке Size
пункт larger. А после этого давайте...
Стоп! Что это такое? В раскрывающемся списке Style, находящемся все в том
же незаменимом редакторе свойств, появился пункт style 1. И шрифт, которым
набран этот пункт, в точности совпадает со шрифтом выделенной нами
строки. Список Style, если следовать логике, предназначен для выбора стилевого
класса (стили переопределения тегов, как мы знаем, привязываются
автоматически), который будет привязан к выделенному тексту. Выходит,
Dreamweaver автоматически создал стилевой класс и привязал его к этой
строке? Давайте посмотрим!
Переключимся в режим отображения кода HTML и посмотрим на секцию
заголовка Web-страницы. Так и есть — там находится свежесозданная таблица
стилей с единственным стилем styiei (цифра в конце имени может
быть другой и даже может измениться впоследствии — это нормально).
Его определение выглядит так:
.stylel { font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: larger; }