1、从属关系的区别。@import是CSS提供的语法规则,只有导入样式表的作用;link是HTML标签,不仅可以加载CSS文件,还可以定义RSS、rel连接属性等;
2、加载顺序区别。加载页面时,link引入的CSS被同时加载,而@import加载的CSS文件将在页面加载完毕之后再进行加载;
3、DOM可控性区别。可以通过js操作DOM,插入link标签来改变样式;由于DOM方法是基于文档的,无法通过@import的方式插入样式。
1、从属关系的区别。@import是CSS提供的语法规则,只有导入样式表的作用;link是HTML标签,不仅可以加载CSS文件,还可以定义RSS、rel连接属性等;
2、加载顺序区别。加载页面时,link引入的CSS被同时加载,而@import加载的CSS文件将在页面加载完毕之后再进行加载;
3、DOM可控性区别。可以通过js操作DOM,插入link标签来改变样式;由于DOM方法是基于文档的,无法通过@import的方式插入样式。