CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

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

hi, h2, h3, h4, h5, П6 {color:white; background:gray;}

затем таблица стилей сохраняется на диск н изменение выполнено. Это, конечно же, лучше, чем редактировать 700 страниц, чтобы просмотреть и изменить каждый заголовок таблицы и тег font, не так ли?

Каскадирование

И это еще не все! CSS также поддерживает средства разрешения конфликтов правил, называемые каскадным включением (cascade). Возьмем для примера предыдущий сценарий, в котором одна таблица стилей импортировалась в несколько веб-страниц. Теперь добавим набор страниц, которые ряд стилей используют совместно, но в то же время включают специализированные правила, применяемые только к конкретным страницам. В дополнение к уже существующей таблице стилей можно создать еще одну таблицу, импортируемую в эти страницы, или просто поместить специальные стнли в страницы, которые в них нуждаются.

Например, требуется, чтобы на одной из 700 страниц заголовки были выделены желтым цветом на темно-синем фоне вместо желтого на сером. Тогда в этот отдельный документ можно ввести такое правило:

hi. h2, h3, h4, h5, h6 {color:yellow; background; blue;}

Благодаря каскадному включению это правило переопределит импортированное правило, реализующее желтые заголовки на сером фоне. Понимая и разумно применяя правила каскадирования, можно создавать сложные таблицы стилей, без труда изменяемые и объединяемые для обеспечения профессионального представления страниц.

От мощи каскадного объединения выигрывает не только автор. Веб-серферы (или читатели) могут в некоторых броузерах создавать собственные таблицы стилей (названные таблицами стилей читателя (reader style sheets)), которые будут каскадироваться со стилями автора, а также со стилями, используемыми броузером. Благодаря этому читатель-дальтоник может создать стиль, который выделяет гиперссылки:

а:link, а;visited {color:white; background:black;}

Таблица стилей читателя может включать все, что угодно:директиву увеличения размера текста для пользователя с ослабленным зрением, правила для удаления изображений, чтобы увеличить скорость чтения и просмотра, н даже стили для размещения любимой картинки пользователя в качестве фона каждого документа. (Это, конечно, не рекомендуется, но возможно.) Благодаря этому пользователи могут настраивать представлений яеб-докумонтп, но отключая все стили автора.