| |
ьным и конечным дескрипторами полу-
жирного текста. Так как в приведенном примере список стилей не содержит пра-
вила для элемента курсивного текста, Web-браузер будет применять к нему как к
дочернему элементу правило его родительного элемента, т.е. правило для селек-
тора ь. Таким образом, курсивный текст будет выводиться на экран шрифтом
красного цвета.
Если бы каскадный список стилей в приведенном примере содержал правило
только для элемента абзаца (р), весь текст выводился бы шрифтом синего цвета.
Во-первых, отношение родительский элемент/дочерний элемент между элемен-
том абзаца и элементом полужирного текста диктовал бы, чтобы элемент полу-
жирного текста (дочерний элемент) наследовал правило элемента абзаца (роди-
тельного элемента) — "выводить текст шрифтом синего цвета". Затем отношение
родительский элемент/дочерний элемент между элементом полужирного текста
(родительский элемент) и элементом курсивного текста (дочерний элемент) при-
вело бы к тому, что элемент курсивного текста наследовал бы правило своего ро-
дительного элемента — элемента полужирного текста.
Добавление на Web-страницу каскадного списка стилей
Чтобы Web-браузер смог применить правила каскадного списка стилей для
форматирования и позиционирования элементов на Web-странице, правила
списка стилей должны быть включены в HTML-код страницы. Для вставки сти-
лей каскадного списка стилей на Web-страницу можно пользоваться четырьмя
методами:
Глава 4. Каскадные списки стилей
Внедрить список стилей на страницу.
• Связать страницу с внешним списком стилей.
• Импортировать список стилей.
• Включить стили непосредственно в HTML-дескрипторы.
При внедрении списка стилей на Web-страницу браузер будет применять оп-
ределенные в списке правила только к элементам данной страницы. Поэтому,
если правила списка стилей уникальны для данной конкретной страницы, спи-
сок можно внедрить в раздел заголовка Web-страницы. Если же правила одного
и того же списка стилей применяются для двух и большего количества страниц,
каскадный список стилей лучше сохранить во внешнем файле (предпочтительно
с расширением .ess) и связывать или импортировать внешний список стилей,
как будет показано в последующих разделах этой главы.
Внедрение каскадного списка стилей
При внедрении каскадного списка стилей его правила вставляются между на-
чальным и конечным дескрипторами стиля () в разделе заго-
ловка Web-страницы:
BHenpeHHbiii каскадный список стилей (CSS)
Атрибут type дескриптора указывает Web-браузеру тип приведенного
списка стилей.
Как правило, все браузеры, не поддерживающие каскадные списки стилей,
игнорируют код, содержащийся между начальным и конечным дескрипторами
стиля, если значение атрибута type установлено равным "text/ess". К сожале-
нию, некоторые устаревшие браузеры не распознают дескрипторы стиля. Несмотря
на то что такие браузеры будут игнорировать HTML-дескрипторы, которых они не
понимают, они будут выводить содержимое списков стилей на страницу в виде тек-
ста (вместо применения правил списка к элементам страниц). Чтобы предотвратить
вывод на экран содержимого каскадных списков стилей в старых браузерах, необхо-
димо заключить правила списков стилей в блок HTML-комментариев (< ! >).
Web-браузеры, поддерживающие списки стилей, будут игнорировать дескрипторы
комментариев и применять содержащиеся в списках правила.
Связывание с внешним списком стилей
Внешние каскадные списки стилей идеальны для случаев, когда одни и те же
правила применяются к элементам, находящимся на двух или большем количе-
стве Web-страниц. Фактически при связывании всех страниц Web-сайта с вне-
1 8 2 Глава 4. Каскадные списки стилей
шним списком стилей внешний вид всех страниц сайта можно изменить путем
изменения правил, содержащихся в одном файле. Более того, большинство Web-
браузеров кэшируют внешние списки стилей, что исключает задержку в выводе
на экран страниц при загрузке одного и того же файла каскадного списка стилей.
Как предполагает само имя метода, для связывания HTML-документа с вне-
шним списком стилей используется дескриптор . Вместо ввода правил
списка стилей, в заголовок каждой Web-страницы вводится ссылка на файл спис-
ка стилей. После этого при изменении в файле списка ст
|
|