使用link和@import有什么区别?

页面导入样式时,使用link和@import有什么区别?

  • link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS
  • 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载
  • 兼容性的区别,import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题。
  • 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。(link可以动态加载样式表)

猜你喜欢

转载自blog.csdn.net/qq_28167307/article/details/85162905