Справочник по 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)
Смотрите также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530768(VS.85).aspx