Правило @import

Описание

Правило @import позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу. @import не разрешается вставлять после любых объявлений кроме @charset или другого @import.

Синтаксис

@import url('имя файла') [типы носителей];
@import 'имя файла' [типы носителей];
Значение Описание
all Все типы. Это значение используется по умолчанию.
print Печатающие устройства вроде принтера.
screen Экран монитора.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
@import '/style/main.css' screen; /* Стиль для вывода результата на монитор */
@import '/style/palm.css' handheld, print; /* Стиль для печати */
</style>
<p class='danger'>Стили из подключенных css файлов.</p>
</body>
</html>

Стили из подключенных css файлов.

Читайте также

Свойство min-height

Устанавливает минимальную высоту элемента.<br><br>Значение высоты элемента будет вычи...

Свойство accent-color

Свойство accent-color определяет цвет акцента для некоторых элементов формы. Акцентом в данном сл...

Свойство background-blend-mode

Описывает то, как фоновое изображение элемента должно накладываться на фоны других элементов.

Свойство padding-inline-end

Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по ст...

Свойство font-family

Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.&l...