@-правила

Используются для подключения дополнительных стилей или шрифтов, установки кодировки и др.

@charset

Применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национального алфавита.

@document

@document устанавливает стилевые правила на основе адреса документа. К примеру, если адреса мобильной и основной версии сайта различаются, то мы можем задать собственный стиль элементов для каждой версии.

@font-face

Определяет настройки шрифтов, а также позволяет загрузить специфичный шрифт на компьютер пользователя.

@import

Позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу.

@keyframes

@keyframes устанавливает ключевые кадры при анимации элемента. Ключевой кадр это свойства элемента (прозрачность, цвет, положение и др.), которые должны применяться к элементу в заданный момент времени.

@media

Указывает тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, коммуникатор, монитор и др.

@page

Задаёт значение полей при печати документа.

@supports

Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе этого создать набор стилевых правил.

@viewport

Позволяет оптимизировать макет веб-страницы в зависимости от различных устройств и их размеров.