Глава 4. Каскадные списки стилей 18 1





• Внедрить список стилей на страницу.

• Связать страницу с внешним списком стилей.

• Импортировать список стилей.

• Включить стили непосредственно в HTML-дескрипторы.



При внедрении списка стилей на Web-страницу браузер будет применять оп — ределенные в списке правила только к элементам данной страницы. Поэтому, если правила списка стилей уникальны для данной конкретной страницы, спи —

сок можно внедрить в раздел заголовка Web-страницы. Если же правила одного

и того же списка стилей применяются для двух и большего количества страниц, каскадный список стилей лучше сохранить во внешнем файле (предпочтительно

с расширением. ess) и связывать или импортировать внешний список стилей, как будет показано в последующих разделах этой главы.



Внедрение каскадного списка стилей

При внедрении каскадного списка стилей его правила вставляются между на —

чальным и конечным дескрипторами стиля ( ) в разделе заго — ловка Web-страницы:





Атрибут type дескриптора указывает Web-браузеру тип приведенного

списка стилей.

Как правило, все браузеры, не поддерживающие каскадные списки стилей, игнорируют код, содержащийся между начальным и конечным дескрипторами

стиля, если значение атрибута type установлено равным «text/ess» . К сожале — нию, некоторые устаревшие браузеры не распознают дескрипторы стиля. Несмотря

на то что такие браузеры будут игнорировать HTML-дескрипторы, которых они не понимают, они будут выводить содержимое списков стилей на страницу в виде тек —

ста (вместо применения правил списка к элементам страниц). Чтобы предотвратить вывод на экран содержимого каскадных списков стилей в старых браузерах, необхо —

димо заключить правила списков стилей в блок HTML-комментариев (). Web-браузеры, поддерживающие списки стилей, будут игнорировать дескрипторы комментариев и применять содержащиеся в списках правила.

Связывание с внешним списком стилей

Внешние каскадные списки стилей идеальны для случаев, когда одни и те же правила применяются к элементам, находящимся на двух или большем количе- стве Web-страниц. Фактически при связывании всех страниц Web-сайта с вне —

18 2 Глава 4. Каскадные списки стилей





шним списком стилей внешний вид всех страниц сайта можно изменить путем

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

на экран страниц при загрузке одного и того же файла каскадного списка стилей.

Как предполагает само имя метода, для связывания HTML-документа с вне —

шним списком стилей используется дескриптор . Вместо ввода правил списка стилей, в заголовок каждой Web-страницы вводится ссылка на файл спис —

ка стилей. После этого при изменении в файле списка стилей такого свойства, как, например, типа шрифта, его размера или цвета, все изменения будут сразу же отражаться на всех Web-страницах.

Для связывания Web-страницы с внешним каскадным списком стилей необхо —

димо поместить в заголовок страницы дескриптор следующего вида:



Обратите внимание, что дескриптор не нужно помещать между на-

чальным и конечным дескрипторами () . В приведенном приме —

ре дескриптор указывает Web-браузеру на необходимость использования

правил каскадного списка стилей, которые содержатся в файле styles. ess. Ат — рибут type говорит о том, что в тестовом файле содержатся данные списка сти — лей, а атрибут href указывает имя файла и, при необходимости, путь к файлу,