美文网首页
2020-02-28 link 和@import 有什么区别?

2020-02-28 link 和@import 有什么区别?

作者: lessonSam | 来源:发表于2020-02-28 22:59 被阅读0次

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

  1. link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。

  2. 加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。

  3. 容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。

  4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的

相关文章

  • 2021-03-22

    html 页面导入样式时,使用link和@import 有什么区别link 是 html标签,@import 是c...

  • 任务5-HTML2

    问答 1.样式有几种引入方式? link和 @import有什么区别? link是引入外部样式表@import是引...

  • 2020-02-28 link 和@import 有什么区别?

    页面导入样式时使用link 和@import 有什么区别? link属于XHTML标签,而@import完全是CS...

  • link 和 import 有什么区别

    适用范围不同:import 可以在网页页面使用,也可在css 文件使用,用来将多个css 文件引入到一个 css ...

  • html基础

    样式有几种引用方式?link和@import有什么区别? 样式引...

  • 任务5-HTML2

    样式有几种引入方式? link 和 @import有什么区别外部样式表: 内部样式: ...

  • 2019web前端全新面试题及答案

    1、页面导入样式时,使用link和@import有什么区别? 答案:差别1:本质的差别:link属于XHTML标签...

  • task 5

    样式有几种引入方式? link 和 @import有什么区别? 外部样式表 内部样式表 内联样式表 link和@i...

  • Learn HTML&CSS the hard way

    样式有几种引入方式? link 和 @import有什么区别 1. 标签: p { background-colo...

  • 前端学习任务五

    问答 样式有几种引入方式? link 和 @import有什么区别? 有四种引入方法:1.link外链式2.@im...

网友评论

      本文标题:2020-02-28 link 和@import 有什么区别?

      本文链接:https://www.haomeiwen.com/subject/lhmdhhtx.html