页面引入CSS方式：link和@importd的区别



页面中引入的方式有三种：

在行内定义style属性

页面头部内嵌<style>标签

通过link和@import链接样式表

<link rel="stylesheet"type="text/css" href="css文件">
<style>
@import css文件;
@import 'css文件';
@import "css文件";
@import url(css文件);
@import url('css文件');
@import url("css文件");
</style>


@import url(css文件)和@import
url("css文件");是最优的选择，因为兼容的浏览器多，从字节角度来看import
url(css文件);最值得推荐
link和@import的区别：

差别1：归属（老祖宗）

link属于XHTML标签，而@import属于css提供的一种方式。

Link除了加载css之外，还可以做其他事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS了。

差别2：加载顺序

当页面被加载的时候，link引入的css会同时被加载，@import引入的css只能等到页面全部被下载完再加载，如果网速慢的话，这种情况表现的就很明显。

差别3：兼容性

@import是由CSS
2.1提出的，所以老的浏览器不支持，只有IE5以上才能识别，link无此问题

差别4：使用DOM操作样式

使用dom只能控制link引入的样式

差别5：@import还可以在CSS中引入其他样式表
差别6：link引入的css的权重高于@import引入的css