основного текста 
страницы: 
 
 
 
 
В приведенном примере оператор @ import указывает Web-браузеру использо- 
вать правила списка стилей, извлекаемые из файла style.ess. Кроме того, до- 
бавляются внедренные правила, которые описаны под оператором @import. 
(Если заголовок страницы содержит и оператор @ import, и внедренные правила,

Глава 4. Каскадные списки стилей 
оператор @ import должен находиться перед внедренными правилами каскадного 
списка стилей.) Если импортированные и внедренные правила списков стилей 
конфликтуют между собой, применяются внедренные правила. Например, файл 
style.ess из приведенного выше примера включает следующее правило: 
body {background:#ADD8E6; color:maroon} 
В этом случае внедренное правило для элемента body заменяет объявление 
цвета текста и Web-браузер выведет на экран текст черного цвета, а не красно- 
коричневого. I 
В отличие от связанных внешних файлов каскадных списков стилей, которые 
браузер может загружать или не загружать на основании значений атрибутов 
type или media дескриптора , Web-браузер должен загружать все импорти- 
руемые файлы списков стилей. Тем не менее, оператор @import может использо- 
ваться для импорта одновременно нескольких файлов списков стилей и заменять 
их правила правилами, внедренными в заголовок Web-страницы. 
Включение стилей в HTML-дескрипторы 
Правила форматирования каскадных списков стилей можно применять как к 
одной отдельной Web-странице (путем внедрения правил на страницу), так и 
для всех страниц Web-сайта (за счет связывания или импортирования файлов 
списков стилей в HTML-документы). Тем не менее, в некоторых случаях инст- 
рукции форматирования могут применяться только для конкретного элемента 
Web-страницы (например, для одного абзаца или заголовка), что не требует со- 
здания общего правила списка стилей для всех элементов данного типа. 
Предположим, например, что для одного заголовка второго уровня необходи- 
мо ввести абзацный отступ 1.5 дюйма и вывести его шрифтом белого цвета на 
синем фоне. Для задания правила списка стилей, которое будет применяться 
только для одного конкретного дескриптора, в дескрипторе указывается атрибут 
style, определяющий правило форматирования в виде <дескриптор 
style="css-oпpeдeлeния">. Таким образом, для рассматриваемого случая 
HTML-дескриптор <п2> должен выглядеть следующим образом: 
 
 
 
 
 
 
Текст этого заголовка выводится шрифтом белого цвета на синем фоне, 
с отступами в 1.5 дюйма.
 
A это нормальный дескриптор заголовка.
 
 
 
Как видно из примера, атрибут style используется в HTML-дескрипторе для 
указания правила форматирования для данного конкретного дескриптора. Здесь 
правило форматирования применяется только к заголовку уровня 2, в дескрип- 
тор которого было вставлено правило списка стилей. Таким образом, Web-брау-

Глава 4. Каскадные списки стилей 1 8 5 
зер для всех дескрипторов заголовка уровня 2, за исключением дескриптора с 
правилом форматирования, будет применять форматирование по умолчанию. 
Использование атрибута style для применения заданного стиля форматиро- 
вания для одного HTML-дескриптора представляет собой средство контроля 
форматирования текста дескриптора. Недостатком включения стилей в HTML- 
деркрипторы является необходимость вставки одного и того же кода для всех 
дескрипторов, к которым должен применяться один и тот же стиль форматиро- 
вания. Более того, изменение стиля в одном дескрипторе оказывает влияние 
только на один элемент Web-страницы. Например, если на странице содержатся 
три абзаца со встроенными стилями, для изменения цвета текста во всех трех 
абзацах с черного на зеленый необходимо внести соответствующие изменения в 
дескрипторы <р> каждого абзаца. 
Применение нескольких правил каскадных списков стилей 
к одному селектору 
Правила каскадных списков стилей позволяют легко форматировать текст 
Web-страниц сайта. С помощью списков стилей можно без труда изменить стиль 
любого HTML-дескриптора путем изменения одного правила списков стилей. 
Тем не менее, иногда требуется форматирование одного конкретного элемента 
Web-страницы (например, текста абзаца), которое отличается от форматирования 
такого же элемента в другой части страницы. Если для одного и того же селек- 
тора (в данном случае селектора р) со