Справочник CSS. Директива / правило @import. Импорт CSS кода

Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Не забудь подписаться и нажать палец вверх: https://www.youtube.com/user/zametkinapolyahru

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В CSS есть специальная директива или правило @import. При помощи данной директивы можно импортировать данные из одной таблицы стилей в другую. Данную директиву можно использовать с внешними CSS стилями и с глобальными, но никак не с внутренними. Общий синтаксис @import выглядит следующим образом:
@import ссылка на файл тип/типы устройств;
@import имя файла тип/типы устройств;
Очень часто при помощи данной директивы делают адаптивные HTML макеты для сайтов и версии для печати, поскольку директива позволяет указать тип устройства, для которого написаны стили.
@import url(“css/style.css”) all;
@import “style/main.css” print;
@import “style/main.css” print, tv;

Обратите внимание: указывать тип устройства при импорте CSS код необязательно. Для директивы @import можно указать следующие значения:
all – любое устройство, данное значение является значением по умолчанию.
aural – программы голосового воспроизведения, например, речевые браузеры.
braille – устройства системы брайля.
handheld – КПК, смартфоны и другие.
print – принтеры и другие печатающие устройства.
projection – проекторы.
screen – экран монитора.
tv – телевизор.

ПРИСОЕДИНЯЙТЕСЬ
КУЧА ИТ КНИГ
Поделиться

Кирилл Антонов

Канал для начинающего веб-разработчика. Здесь ты найдешь различные видео уроки о технологиях и программном обеспечение, которые используют веб-разработчики.



Обсуждение закрыто.