Что такое директива в CSS

Директива в CSS — это специальная инструкция, которая управляет обработкой стилей. Она начинается с @ и определяет метаправила, условия или импорты.

Основные директивы:

• @import — подключает внешний CSS-файл.
• @media — применяет стили в зависимости от условий (например, ширины экрана).
• @keyframes — создает анимацию.
• @font-face — подключает кастомные шрифты.

Пример:

@import url('styles/print.css') print;  
@media (max-width: 768px) {  
  body { font-size: 14px; }  
}  
@keyframes slide {  
  from { transform: translateX(0); }  
  to { transform: translateX(100px); }  
}