Какой метод лучше всего подходит для импорта нескольких таблиц стилей? Является ли один метод более эффективным, чем другой?
@import или <ссылкa> для импорта таблиц стилей?
Ответ 1
Я однажды прочитал эту статью о характеристиках и <link> vs @import: не использовать @import; цитируя небольшую его часть:
используйте LINK вместо @import, если вы хотите, чтобы таблицы стилей загружались в параллельной, что приводит к более быстрой странице.
Это совсем недавно (апрель 2009 г.), так что все равно должно быть в основном верным - и написано Стивом Соудерсом, чье имя довольно хорошо известно, когда дело доходит до интерфейсных выступлений.
В более субъективном аспекте я предпочитаю использовать несколько <link> из моего основного HTML файла: таким образом, я могу только быстро взглянуть на то, что вызывают css файлы, - либо глядя на файл шаблона на сервере, или глядя на сгенерированный источник HTML на стороне клиента.
Ответ 2
В некоторых (все?) реализациях @import обрабатывается в конце загрузки страницы, поэтому вы можете использовать нежелательную Flash из нестерпимого содержимого.
link работает обычно лучше, но если вы не хотите определять другой media, вы можете использовать его без проблем. Кроме того, его аккуратный трюк, чтобы скрыть CSS от старых браузеров (< IE5.5).