CSS导入或带有"media"属性的<link rel ...>

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/

CSS中的@import和链接之间的区别

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

提一些......

就个人而言,我从不使用@import作为性能影响.