Справочник по CSS : Тематический указатель : Правила : @import

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Правило @import

Позволяет импортировать в web-документ внешнюю таблицу стилей.

Синтаксис

HTML @import [url] ( sUrl ) ;
Скрипты N/A

Используемые значения

sUrl
Строковое значение, которое задает путь до внешней таблицы стилей.

Замечания

У правила @import нет значения по умолчанию.

Точка запятой (;) в конце строки необходима при записи этого правила. Если она опущена, то стили не импортируются, и будет сгенерировано сообщение об ошибке. url() можно опустить, т.к. после @import всегда следует строка с адресом. То есть, следующие строки идентичны:

  • @import "sitestyle.css";
  • @import url("sitestyle.css");

Правило @import должно описываться в самом начале таблицы стилей перед любыми другими описаниями стилевых правил.

Правило @import позволяет разработчику импортировать таблицу стилей в web-документ, таким образом код не загромождается дополнительной информацией.

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

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

*@import url("hand.css") handheld;

Различные типы устройств описаны в правиле @media

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

Примеры

В примерах показано как применяется правило @import.

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

<STYLE TYPE="text/css">
    @import url("URL");
    P {color:blue}
</STYLE>

Во втором примере правило @import описано без использования url().

<STYLE type="text/css">
    @import "URL";
    P {color:blue}
</STYLE>

Стандарты

Это правило определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

Смотрите также

imports, :link

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530768(VS.85).aspx

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования