Russia-job.ru - Мировой бизнес. Бизнес в Интернете. Работа на Дому.

www.russia-job.ru
Заработок в Интернете
Работа на Дому
Создание сайта
Полезные советы

Форум | Новые проекты | Контакты | Реклама на сайте | Работаем вместе

WEB-дизайн. Полное руководство / Часть 14. HTML 4.0 /

Глава 59. Каскады таблиц стилей

Каскадные языки таблиц стилей, такие как CSS, позволяют использовать информацию о стиле из нескольких источников. Однако не все языки таблиц стилей поддерживают каскады. Чтобы определить каскад, авторы указывают последовательность элементов LINK и/или STYLE. Каскад информации таблиц стилей производится в порядке указания элементов в разделе HEAD.

В следующем примере мы определяем две альтернативные таблицы стилей с именем "compact". Если пользователь выбирает стиль "compact", браузер должен применять обе внешние таблицы, а также постоянную таблицу "common.css". Если пользователь выбирает стиль "big print", применяться будут только альтернативная таблица "bigprint.css" и постоянная таблица "common.css".

<LINK rel="alternate stylesheet" title="compact"

href="docs\small-base.css" type="text/css">

<LINK rel="alternate stylesheet" title="compact"

href="docs\small-extras.css" type="text/css">

<LINK rel="alternate stylesheet" title="big print"

href="docs\bigprint.css" type="text/css">

<LINK rel="stylesheet" href="docs\common.css" type="text/css">

Вот пример каскада, в котором задействованы оба элемента - LINK и STYLE.

<LINK rel="stylesheet" href="docs\corporate.css" type="text/css">

<LINK rel="stylesheet" href="docs\techreport.css" type="text/css">

<STYLE type="text/css">

p.special { color: rgb(230, 100, 180) }

</STYLE>

Каскады, зависящие от устройств

Каскад может включать таблицы стилей, применяемые к различным устройствам. Элементы LINK и STYLE могут использоваться с атрибутом media. Браузер несет ответственность за отфильтровывание таблиц стилей, не применяющихся к текущему устройству.

В следующем примере мы определяем каскад, в котором таблица стилей "corporate" представляется в нескольких версиях: одна для печати, другая для экранного представления, третья для речевых браузеров (полезная, например, при чтении электронной почты в машине). Таблица "techreport" применяется ко всем устройствам. Цветная rule, определяемая элементом STYLE, используется для печати и для экрана, но не для звукового представления.

<LINK rel="stylesheet" media="aural" href="docs\corporate-aural.css"

type="text/css">

<LINK rel="stylesheet" media="screen" href="docs\corporate-screen.css"

type="text/css">

<LINK rel="stylesheet" media="print" href="docs\corporate-print.css"

type="text/css">

<LINK rel="stylesheet" href="docs\techreport.css" type="text/css">

<STYLE type="text/css">

p.special { color: rgb(230, 100, 180) }

</STYLE>

Наследование и каскады

Если браузер собирается представлять документ, ему необходимо найти значения для свойств стиля, например, семейство шрифтов, начертание, размер шрифта, длину строки, цвет текста.

Точный механизм зависит от языка таблиц стилей, но в общем применяется следующее: механизм раскодирования используется, если к элементу применяется ряд правил стиля. Этот механизм позволяет браузеру сортировать правила по специфичности и определять, какое правило нужно применить. Если правило невозможно найти, следующий шаг зависит от наследования свойства. Не все свойства могут наследоваться. Для этих свойств язык таблиц стилей обеспечивает значения по умолчанию для использования в случае отсутствия явных правил для конкретного элемента.

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


<< назад   Содержание   далее >>


При копировании материалов прямая гиперссылка обязательна russia-job.ru

Наша почта: russia-job@yandex.ru.
Анализ сайта
Rambler's Top100
Копирование материалов разрешено только при условии размещения гипер ссылки на сайт russia-job.ru
© 2008 Работа в интернете. Заработок в интернете для начинающих