link和@import的区别

建议使用link,慎用@import

1. 兼容性不同

linkXHTML的标签,无兼容性问题;@import是在CSS2.1时候提出的,由于@importCSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别

2.从属关系

  1. link:linkHTML提供的标签,不仅可以加载CSS,还可以定义rel等属性
  2. @import@importcss提供的语法,只有导入样式表的作用,只能加载CSS

3.加载顺序不同

  1. link:link在页面加载时CSS同时被加载
  2. @import:引入的CSS要等页面加载完毕后再加载

4.DOM可控性差别

可以通过JavaScript操作DOM,插入link标签来改变样式;由于DOM方法是基于文档的,无法使用@import的方式插入样式,因为@import不是dom可以控制的。

5.权重问题(有争议)

link标签引入的样式权重大于@import标签

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页