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

Глава 2. HTML — язык написания Web-страниц 41
Видно, что текст "Microsoft Internet Explorer" увеличился в размерах, то есть
стилевой класс bigfont действует. При этом также продолжает действовать
стиль переопределения тега , созданный нами ранее — слово
"Microsoft", помимо того, что "выросло" в размерах, осталось зеленым и
подчеркнутым. Выходит, стили как бы наложились друг на друга. (Забегая
вперед, нужно заметить, что это действует правило каскадности, о котором
мы расскажем позже.)
Продолжим свои эксперименты со стилями. Давайте немного изменим
стиль переопределения тега таким вот образом:
STRONG { color: green;
text-decoration: underline;
font-size: 9pt; }
Здесь мы задали для полужирного текста размер шрифта, равный 9 пунктам.
Теперь, если мы откроем нашу многострадальную страницу 2.5.html в Webобозревателе,
то увидим то, что показано на рис. 2.8.
М5 Web-страница - Microsoft Internet Explorer
. §Ш
Файл: Правка Вид Избранное Сервис Справка .- •: | Адрес! щ.
Пример Web-страницы
Это простейшая Web-страничка, созданная в стандартном
Блокноте и отображенная в Microsoft
Explorer.
Internet
|Готово
Мой компьютер
Рис. 2.8. Демонстрация "каскадности" стилей
Теперь слово "Microsoft", помимо зеленого цвета и подчеркивания, отличается
еще и уменьшенным размером шрифта. Выходит, атрибут font-size,
примененный нами в стиле переопределения тега , отменил действие
того атрибута в стилевом классе bigfont, привязанному к родительскому
тегу . Но при этом остальные установки стилевого класса bigfont
перешли в стиль переопределения тега . (ЭТО И есть каскадность
таблиц стилей, о которой мы поговорим чуть позже.)
Стандарт CSS допускает создание и таких стилей переопределения тега:
ЕМ STRONG { color: green; }