html - 具有 "media"属性的 CSS 导入或

Question

在页面中包含 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 在旧浏览器中不起作用，这可能是一个优势，因为这些浏览器只会显示文本，而不是不可读的 CSS 困惑(使用链接时)。

Answer 1

已经讨论过很多次了，你可以在这里阅读更多:

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

Difference between @import and link in CSS

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

提一些...

就性能影响而言，就个人而言，我从不使用@import。