Элемент link не единственный способ подключения файла к проекту. В этом уроке мы разберём подключение файлов директивами.

Директивы — инструкции для CSS, которые меняют отображение или поведение элементов на странице. Ими можно подключать CSS-код и шрифты, создавать анимации. Обязательная часть директивы состоит из @ и названия директивы:

Директива @import позволяет включить внешние файлы, такие как шрифты или CSS, в текущую таблицу стилей.

Кроме того, @import даёт возможность скрепить несколько CSS-файлов в один, как в конструкторе LEGO. Или разделить один большой CSS-файл на несколько обособленных, которые легче поддерживать и повторно использовать. В большом проекте может быть десяток тысяч строк CSS-кода — без разделения CSS никак.