Почему @import не рекомендуется связывать css?

Ответ 1

Здесь ссылка на статью, в которой говорится о характеристиках и <link> vs @import: не использовать @import; цитируя небольшую его часть:

используйте LINK вместо @import, если вы хотите, чтобы таблицы стилей загружались в параллельной, что приводит к более быстрой странице.

Это не то, что старое (это с апреля 2009 года, то есть менее года назад), поэтому оно должно быть в основном верным - и оно написано Стивом Соудерсом, чье имя довольно хорошо известно, когда дело доходит до фронта -предложения.

В более субъективном аспекте я предпочитаю использовать несколько <link> из моего основного HTML файла: таким образом, я могу только быстро взглянуть на то, что вызывают css файлы, - либо глядя на файл шаблона на сервере, или глядя на сгенерированный источник HTML на стороне клиента.

Ответ 2

Вот довольно полный ответ на about.com

Сегмент из статьи:

Разница между @import и <link>

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

<link> - Связывание - это первый метод для включения внешней таблицы стилей на ваших веб-страницах. Он предназначен для свяжите свою веб-страницу со своим таблица стилей. Он добавляется к вашего документа HTML следующим образом:

<link href="styles.css" type="text/css" />

@import - импорт позволяет импортировать одну таблицу стилей в другую. Это немного отличный от сценария связи, потому что вы можете импортировать таблицы стилей внутри связанной таблицы стилей. Но если вы включаете @import в голову ваш HTML-документ, написано:

<style type="text/css">@import url("styles.css");</style> Из стандартов, нет разница между привязкой к внешнюю таблицу стилей или импортировать ее. В любом случае это правильно, и в любом случае будет работать одинаково хорошо (в большинстве случаев). Но есть несколько причин вы можете использовать один над другие.

См. статью для остальных.