Импорт CSS или с атрибутом" media"

какой лучший метод для включения CSS в страницу и почему?

например.:

<style type="text/css">
  @import "style.css" screen, tv;
  @import "print.css" print;
  @import "iphone.css" iphone;
</style>

или

<LINK rel="stylesheet" media="screen" href="style.css" type="text/css" />
<LINK rel="stylesheet" media="print" href="print.css" type="text/css" />
<LINK rel="stylesheet" media="iphone" href="iphone.css" type="text/css" />

из того, что я знаю @import не работает в древних браузерах, это может быть преимуществом, потому что эти браузеры будут показывать только текст вместо нечитаемых бардак экране (при использовании ссылка).

7
css html stylesheet

2 ответов

Это уже обсуждалось много раз, вы можете прочитать здесь:

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

разница между @import и link в CSS

http://webdesign.about.com/od/beginningcss/f/css_import_link.htm

чтобы упомянуть некоторых...

лично я никогда не использую @import как для влияния на производительность.

7

реально как достичь той же цели, но есть несколько незначительных различий. А именно:

  1. @import не поддерживается в IE6 и старше и Netscape 4
  2. @import позволяет импортировать несколько таблиц стилей в одной ссылке или элементе стиля, если это необходимо
  3. link позволяет указать альтернативную таблицу стилей, на которую могут переключаться такие браузеры, как FireFox, Safari и Opera. IE также поддерживает это при использовании JavaScript-переключателя. Это чаще всего используется для доступности.
2