页面中CSS的加载方式，我个人觉得最常用的是三种，一是使用Link引入、二是直接写在网页里，三是使用@import导入，这三种方式，按加载速度来说，最快的是第二种，也就是直接写进网页里，不信你可以看下新浪、网易、QQ、搜狐等门户站，内容页大部分都把CSS直接写进网页里。
那么加载速度仅次于第二种方法的是第一种，也就是使用Link方式引入外部的CSS文件，这也是大多数网站惯用的方式，比如：
<link href="/css/web.css" rel="stylesheet" type="text/css" />
因为浏览器的原因，在网页没有加载Link引入CSS文件之前，页面不会被渲染，所以大家有时候会看到一些网页在刚打开的时候好像没有定义样式一样，很难看，但过一会，立马恢复到正常显示的网页结构，变得漂亮了，呵呵，就是因为浏览器还没有下载完CSS文件，下载完立即渲染，所以网页就变漂亮了。
比第二种方式更慢的是使用@import引入：就像下面的代码：
@import url("foo.css") screen, print;
@import "print.css";
@import url(print.css);在IE 里， @import 相当于是把<Link> 放在页面尾部的效果，本来放在顶部就需要等待加载，现在却放在了网页最后，等于CSS加载更慢了。@import的弊端还真不少，不知道CSS里为什么要有这个方法。
弊端1：兼容性的差异。由于@import是CSS2.1提供的，只有在IE5以上的浏览器才辨认，而Link标签则无此规定。
弊端2：应用dom控制样式时的差异。当应用Javascript控制dom去改变样式时，只能应用Link标签，@import不是dom可以控制的。
弊端3：Link属于XHTML标签，而@import是CSS提供的一种方式。Link标签除了可以加载CSS外，还可以引入RSS、rel等，@import就只能加载CSS了。
综上所述，Link方式引入CSS是比较正确的方法，直接写在页面里固然加载速度最快，但若要修改CSs代码的话那就不方便了，假如你网页生成了静态，有近万个页面，而你此时要修改CSS模板，那你只有等哭吧。所以在这里建议，优化加载CSS，最好使用下面的方式：而减少 @import 的使用。
<link rel=”stylesheet” href=”test.css” type=”text/css”>
以上是个人之见，若说的不对，你就当我什么也没说。
