Главная/ CSS справочник/ Использование @import в CSS

@import

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

Синтаксис


@import url("<путь к CSS-файлу >") [тип устройства 1, тип устройства 2];
или
@import "<путь к CSS-файлу >" [тип устройства 1, тип устройства 2];

Импортировать таблицу стилей можно в CSS файл:


...
@import url("css/print.css") print;
...

или в HTML в теге <style>:


<head>
...
<style type="text/css">
@import url("css/main.css") screen;
@import url("css/print.css") print;
</style>
...
</head>

Типы устройств

all все устройства (используется по умолчанию)
aural речевые синтезаторы и программы воспроизведения текста в слух (напрмиер голосовые браузеры)
braille устройства для слепых людей, основанные на системе Брайля
embossed для принтеров Брайля
handheld наладонные устройства (КПК, смартфоны и т.п.)
print устройства для печати
projection проекторы
screen экраны компьютерных мониторов
tv телевизоры
tty устройства, использующие моноширинную символьную сетку, подобно телетайпам и терминалам