CSS样式引入link和@import区别

CSS样式引入方法

CSS样式引入有两种方法，一种是写在页面中的link方法，另一种是写在CSS中的@import写法。

CSS样式引入写法

link写法

<link href="/Style/css/Style.css" type="text/css" rel="stylesheet" />

@import写法

@import url("Style.css");

link和@import区别

link是xHTML标签，除了加载css外，还可以定义rss等其他事务，@import 属于css范凑，只能加载css

link引用css时，在页面载人同时加载，@import需要页面网页完全载入后加载，所以出现一开始css样式，闪烁一下出现样式后的页面速度慢

link是xhtml标签，无兼容问题，@import是css2.1提出的，低版本浏览器不支持

link支持使用js控制dom改变样式，@import不支持

相关专题