页面导入样式时,link和@import方式的区别

1.从属关系的区别:link属于XHTML标签,使用rel添加属性,可以添加RSS,@import是css规定的语法规则,只能加载css。

2.加载顺序的区别:link和页面一起加载 ,属于同步。@import 会等页面先加载完,再去加载,属于异步。

3.兼容性:link是XHTML标签,不存在兼容性问题,@import属于css规范,兼容ie5+。

4.DOM可控性:link支持js控制DOM来改变样式,@import不可以

5.加载顺序:link加载方式比较快,css样式只在加载的第一次被引入,后续切换页面时只需加载html文件。

------------------------------------------------------------------------------接受反驳

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容