Пример @import в CSS - IZIART

Разработка сайтов
индивидуальный дизайн

Главная » CSS » Пример @import в CSS

Пример @import в CSS

Обновлено: 05.10.2023
css

@import позволяет импортировать внешние стили в другой CSS файл.
Для подключения внешнего стилевого файла необходимо прописать следующее.

Важно! Перед строкой не может быть ничего, кроме других import строк.

Импорт в CSS файле

Базовый синтаксис:

@import url('/css/main.css');

Импорт в HTML файле

Ничем не отличается от импорта в CSS файле, кроме того, что нужно обернуть в тег <style>.

<style>
  @import url('/css/main.css');
</style>

Расширенный синтаксис

Также можно указать условие импорта по типу устройства, например, монитор, принтер, TV и т.д.
Список устройств и пример будет ниже.

ТипОписание
allВсе типы. По умолчанию.
auralРечевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
brailleУстройства, основанные на системе Брайля, которые предназначены для слепых людей.
handheldНаладонные компьютеры и аналогичные им аппараты.
printПечатающие устройства вроде принтера.
projectionПроектор.
screenЭкран монитора.
tvТелевизор.

Пример для проектора и принтера:

@import url('/css/main.css' projection, print);