@-правила
@charset
Применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национального алфавита.
@document
@document устанавливает стилевые правила на основе адреса документа. К примеру, если адреса мобильной и основной версии сайта различаются, то мы можем задать собственный стиль элементов для каждой версии.
@font-face
Определяет настройки шрифтов, а также позволяет загрузить специфичный шрифт на компьютер пользователя.
@import
Позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу.
@keyframes
@keyframes устанавливает ключевые кадры при анимации элемента. Ключевой кадр это свойства элемента (прозрачность, цвет, положение и др.), которые должны применяться к элементу в заданный момент времени.
@media
Указывает тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, коммуникатор, монитор и др.
@page
Задаёт значение полей при печати документа.
@supports
Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе этого создать набор стилевых правил.
@viewport
Позволяет оптимизировать макет веб-страницы в зависимости от различных устройств и их размеров.