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

44 Часть I. Наш первый Web-сайт
color: red; }
Стили
Давайте немного поэкспериментируем со стилями.
Авторские npaBa
принадлежат нам.
Все это нам уже знакомо. Единственное — значение normal атрибута стиля
font-style убирает у шрифта курсивное начертание.
Итак, самым первым делом Web-обозреватель загружает внешнюю таблицу
стилей 2.1.css, подключенную к Web-странице с помощью тега . Таким
образом, стили переопределения тегов и и стилевой класс
copyright будут применены к Web-странице сразу же.
Далее Web-обозреватель считывает внутреннюю таблицу стилей и выясняет,
что в ней также содержится стиль переопределения тега . То есть возникает
конфликт стилей и вступает в силу правило каскадности, разрешающее
его. И разрешающее столь изящно, что нельзя не восторгаться. (Вот
если бы так решались все конфликты на свете!..)
К определению стиля, сделанному во внешней таблице, Web-обозреватель
добавляет определение, сделанное во внутренней таблице. А если определение
затрагивает один и тот же атрибут (в нашем случае — font-size, задающий
размер шрифта), берется определение, сделанное во внутренней
таблице. Правило "своя рубашка ближе к телу" работает и в случае таблиц
стилей.
Результирующий стиль тега , сформированный Web-обозревателем для
"внутреннего потребления", будет иметь такой вид:
HI { font-size: 14pt;
text-align: center;
color: red }
Если мы присмотримся к коду Web-страницы и таблицы стилей, то заметим
еще один конфликт стилей. Разрешается он таким же образом, как и предыдущий.
Сначала Web-обозреватель берет определение стиля р (переопределение одноименного
тега) и добавляет к нему определение стилевого класса copyright.