导入样式表与链入样式表区别

link元素属于HTML级，@import属于CSS级,页面运行时，浏览器先分析html标签,在遇到link标签时会加载link标签所连接的资源文件；

而执行到@import语句的style元素时，浏览器将认为它只是一个html元素，并不去顾忌元素的内容.

浏览器在执行Html文档时，会直接执行link元素链入的样式表内容;

到了要执行style元素时,才发现需要导入外部CSS样式表文件，这是才会异步请求CSS样式表文件，并同时向下执行Html文档的其他代码.

因此若网络比较慢,使用@import会使得加载页面样式有些延迟，样式有些混乱，需要一会儿恢复.

---《CSS网络大讲堂 》祝红涛 清华大学出版社 p31

W3C对html元素的定义:

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />