页面导入样式时,使用link和@import有什么区别?
-
link属于XHTML标签,除了加载CSS外,还能定义rel链接属性等做用,而@import是CSS提供的,只能用于加载CSS。
-
页面被加载时,link会同时被加载,而@import引用的CSS会等页面被加载完再加载。
-
import是CSS 2.1提出的,只在IE5以上才能被识别,存在兼容问题,而link是XHTML标签,无兼容问题
-
link是XHTML标签,它不只能够引入css文件,还能够引入网站图标或者设置媒体查询。
-
@import是CSS提供的语法规则,只能用来加载css。
-
@import必定要写在除@charset外的其余任何 CSS 规则以前,若是置于其它位置将会被浏览器忽略。并且,在@import以后若是存在其它样式,则@import以后的分号是必须书写,不可省略的。
-
link引入css文件,页面载入同时载入css文件,@import在页面彻底载入以后载入css文件,在网络较慢状况下一开始会没有css样式。
-
link在浏览器中没有兼容问题。@import在css2.1中提出,低版本浏览器会不支持。
-
link中的css能够被javascript获取进而控制DOM,而@import不支持。
欢迎关注本站公众号,获取更多信息