CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Элемент style должен всегда начинаться с <style type="text/css^e,>, как показано в предыдущем примере* Далее следуют один или несколько стилей, и все завершается закрывающим тегом </ style>. Также элементу style можно присвоить атрибут media, допустимые значения которого не отличаются от тех, которые обсуждались ранее при рассмотрении связанных таблиц стилей.

Стили, включаемые между открывающим и закрывающим тегами style, называют таблицей стилей документа (document style sheet), или вложенной таблицей стилей (embedded style sheet), поскольку эта таблица стилей вложена в документ. В ней будут содержаться применяемые к документу стилн, но она также может включать ссылки на внешние таблицы стилей с помощью директивы ©import.

Директива ©import

Теперь мы займемся тем, что находится внутри тега style. Для начала у нас есть аналог элемента link - директива ©import:

©import url(sheet2.css);

Так же как и link, ©import может указывать веб-броузеру на необходимость загрузки внешней таблицы стилей и использования ее стилей при формировании представления HTML-документа. Единственное основное отличие заключается в синтаксисе и размещении команды. Как вндите, @import находится в контейнере style. Она должна располагаться перед всеми остальными правилами CSS, иначе она вообще не будет работать. Рассмотрим такой пример:

<style type="text/css">

©import url(styles.css); /* ©import идет самой первой */

hi {color:gray;}

</style>

В документе может-быть несколько директив выражения ©import, как и тегов link. Однако, в отличие от link, все указанные в директивах @import таблицы стилей будут загружены и использованы; с помощью ^import невозможно назначить альтернативные таблицы стилей. Итак, исходя из следующей разметки:

©import url(sheet2.css); ^import url(blueworld.css); ^import url(zany.css);

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

Многие старые броузеры не могут обрабатывать разнообразные формы директивы ©import. Фактически это может применяться специально для «сокрытия» стилей от этих броузеров. Более подробную информацию можно найти по адресу http://w3deve-lopmprit.de/css/hide_ cssfrom browsers.