link vs. @import. Оптимизация CSS-структуры. Оптимизация структуры веб-страниц
@import @import
link @import
link с @import
Блоки link с @import
Много @import
link link
Упрощаем CSS-селекторы
Существует 2 способа загрузки файлов стилей. Использовать тег <link>:
<link rel='stylesheet' href='a.css'/>
Или импортировать файлы с помощью @import:
<style type='text/css'>
@import url('a.css');
</style>
Стоит использовать <link> для удобства, но вы должны помнить, что @import нужно размещать всегда в самом верху блока стилей, в противном случае они не импортируются.