link与@import的区别有:1、@import是css提供的语法规则,只有导入样式表的作用,link是html提供的标签,不仅可以加载css文件,还可以定义rss、rel 连接属性等;2、@import是css2.1才有的语法。
1、从属关系区别
@import是 css 提供的语法规则,只有导入样式表的作用;link是html提供的标签,不仅可以加载 css 文件,还可以定义 rss、rel 连接属性等。
2、加载顺序区别
加载页面时,link标签引入的 css 被同时加载;@import引入的 css 将在页面加载完毕后被加载。
3、兼容性区别
@import是 css2.1 才有的语法,故只可在 ie5+ 才能识别;link标签作为 html 元素,不存在兼容性问题。
4、dom可控性区别
可以通过 js 操作 dom ,插入link标签来改变样式;由于 dom 方法是基于文档的,无法使用@import的方式插入样式。
推荐教程: 《css教程》
以上就是link与@import的区别有哪些的详细内容。
