Например, предположим, что необходимо, чтобы все гиперссылки на другие Web-сайты (т. е. внешние гиперссылки) выводились светло-зеленым цветом шриф- та, пурпурным цветом фона без подчеркивания. Более того, требуется, чтобы только внешние ссылки при наведении на них указателя мыши меняли цвет шриф —
та на белый. Нет проблем. Добавьте на страницу следующие правила списка стилей:
а. external {color:lightgreen; background-color:purple;
text-decoration:none}
a. external:hover {color.-white; font-style:bold}
Затем примените класс externa l для всех внешних гиперссылок, как показа — но в следующем примере:
Ссылка на другой сайт
X теперь представьте себе, что когда-нибудь вы решите изменить стиль всех внешних гиперссылок на сайте или изменить значение свойства hover этих ги — перссылок. Не ничего проще. Нужно только изменить значения свойств в одном или обоих правилах списка стилей, и стиль всех внешних ссылок на Web-сайте будет изменен. В этом-то и заключается мощь каскадных списков стилей.
Глава 4. Каскадные списки стилей 209
Создание эффекта отбрасывания тени
Несмотря на то что сеть Internet повидала немало изменений, одно осталось
неизменным — загрузка и вывод на экран изображений (даже небольшого разме- ра) занимает больше времени, чем загрузка и визуализация страницы, содержа — щей только текст. Конечно, в этом нет ничего удивительного. Файлы графичес — ких изображений занимают больший объем, чем HTML-документы, поэтому для