Включение CSS с `<link>` или `@import` - что лучше?
У меня есть веб-сайт, и у меня есть несколько таблиц стилей CSS для печати, телевидения, экрана, карманных компьютеров и т.д.
Я хочу знать, какой из этих методов лучше использовать (производительность, удобство использования и т.д.)
<link href="all.css" media="all" type="text/css" />
<link href="handheld.css" media="handheld" type="text/css" />
<link href="tv_print.css" media="tv, print" type="text/css" />
или
<style type="text/css">
@import url("all.css") all;
@import url("handheld.css") handheld;
@import url("tv_print.css") tv, print;
</style>
Благодарю вас
Ответы
Ответ 1
Первый метод (ссылка) является лучшим.
Основная причина заключается в том, что в IE 6,7 и 8 ошибка (не уверенная о 9 или выше) означает, что при использовании @import в сочетании со ссылкой файлы загружаются последовательно, а не параллельно. Это может значительно замедлить работу при использовании более чем одной таблицы стилей.
Просто используя загрузки @import последовательно, но порядок не гарантируется, что означает, что если есть, например, reset, это может быть или не быть применено в первую очередь.
В этой статье есть хорошее резюме: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/