1ink与@import的区别


1ink@import的区别

目录


1ink@import的区别

差别1:归属关系的差别

link属于xhtml标签,而@import属于css提供的方式,必须写在style标签里。link标签除了可以加载css外,还可以定义RSS、定义rel连接属性等,@import只能加载css

差别2:加载顺序的差别

当一个页面被加载的时候,即浏览者浏览页面时,link引用的css会同时被加载,而@import引用的css会等到页面全部被下载完后加载。使用@import可能存在页面的样式在开始时不显示的问题。

差别3:兼容性的差别

@importCSS2.1提出的,只在IE5以上才能识别,而link标签不存在兼容问题。

差别4:使用dom控制样式时的差别

当使用JS控制dom改变样式时,只能使用linkdom无法控制@import


文章作者: hn-failte
文章链接: https://failte.cn
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 hn-failte !
评论
 上一篇
JavaScript核心:两链一包 JavaScript核心:两链一包
JavaScript核心:两链一包 作用域与闭包 作用域 1、变量提升 浏览器解析器在解析js时,预解析变量并将变量名提升到作用域的行为 函数与变量同时声明为一个字符时,预解析时函数有高优先级 2、全局变量 在全局声明的变量,作用域在
2018-03-23
下一篇 
CSS选择符的权重 CSS选择符的权重
CSS选择符的权重 目录 css选择符权重 css选择器权重列表 CSS选择符冲突处理 css选择符权重 css选择器权重列表 选择器 权重 内联样式 1000 ID 0100 CLASS 0010 属性选
2018-02-13
  目录