在网上找了一小段关于css中Link和@import的区别:
链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，如下：
<head>
……
<link rel="stylesheet" type="text/css" href="mystyle.css">
……
</head>
导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import，看下面这个实例：
<head>
……
<style type=”text/css”>
<!--
@import “mystyle.css”
引用hve写的css速成手册
导入会增加的你的页面大小 链接不会
但是导入可以避免链接那样的过多页面指向一个css文件
造成磁盘io不足 速度下降的弊病
还有“href”连接的css是客户端浏览你的网页时先加载css溶于html语言结构之中，所以采取这种方式的网页是你预期好的理想的展现形态；
而“导入”则是客户端再浏览你的网页时，客户端先加载获取网页的html结构呈现出来，网速及其慢的情况之下，浏览者就会先看到一个没有css的html页面，可能及其难看，待接下来css再导入导html结构中，客户端才会最终展现出加载完css的html理想效果页面。
ps：当然一个页面几十百来K这两者对于网速慢的浏览者也几乎没什么影响，除非浏览者的网速极其慢，你的网页特别大，就会出现这两者的差别。为了周全起见，这就解释了为什么现在网站绝大多数用“连接”而不是“导入”了
131
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
