Включение 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/