页面导入样式时 使用link和@import的区别

从属关系区别

@import 是CSS提供的语法规则 只有导入样式表的作用

link是HTML提供的标签 不仅可以加载css 还可以定义RSS rel连接属性

加载顺序

加载页面时

link标签引入的css被同时加载

@import引入的css在页面加载完毕后加载

兼容性

@import 是CSS2.1引入的 需再IE5+

link是HTML元素 没有兼容性问题

DOM可控性区别

JS可以通过link标签的插入改变样式 但是无法使用@import的方式插入样式