Правило @import
Описание
Правило @import позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу. @import не разрешается вставлять после любых объявлений кроме @charset или другого @import.
Синтаксис
@import url('имя файла') [типы носителей];
@import 'имя файла' [типы носителей];Подробности
| Значение | Описание |
| all | Все типы. Это значение используется по умолчанию. |
| Печатающие устройства вроде принтера. | |
| 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>Читайте также
Свойство text-decoration-style
Устанавливает стиль декоративной линии, которая добавляется к тексту через свойство text-decoration или text-decoration-line....
Свойство text-emphasis-position
Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style....
Отображается ниже самого верхнего элемента в стеке по оси Z
Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно ::ba...
Свойство resize
Указывает, можно ли пользователю изменять размеры текстового поля....