minjs1cn / weekly-learning

每周学习分享打卡
0 stars 0 forks source link

41 -【经典面试】页面导入样式时,使用link和@import有什么区别? #41

Open asdzxc01 opened 3 years ago

asdzxc01 commented 3 years ago
link 是HTML标签,@import 是css提供的。
link 同时加载内容和样式, @import 引入样式需要等待页面加载完,再加载CSS
link 可以引入除 CSS 外其他内容,例如 <link rel="icon" href="/favicon.ico"> 。 @import只能引入css
link 引入的样式,JS 可以通过操作 DOM 来改变,而 @import 的则不行
link 没有兼容问题,而@import 不被 ie5 以下支持