Самоучитель по креативному веб-дизайну. Книга 1, стр.152

Глава 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 указывает имя файла и, при необходимости, путь к файлу,

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.100
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 035
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 032
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 140
  • 05.03.2011">Руководство по actionscript. часть 4, стр. 154
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.71
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 047
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 033
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 032
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 036
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.92
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.81
  • 01.02.2010">Модульная сетка. Генераторы и сервисы
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.111
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.95
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...