首页 > Web开发 > 详细

HTML CSS 自问自答

时间:2021-03-13 16:50:15      阅读:24      评论:0      收藏:0      [点我收藏+]

1. link和@import 的区别是什么?

  • 从属关系区别:  link是属于htm标签,而@import是css提供的

  • 加载顺序区别: 页面被加载时,link会同时加载,而@import引用的css会等到页面被加载完再加载

  • 兼容性区别:  import只在IE5以上才能识别,而link是html标签,无兼容问题

  • dom可操作性的区别: 可以通过js操作dom,插入link标签来改变样式;由于dom方法是基于文档的,无法使用@import的方式插入样式

  • 权重区别: 在.css文件用import引入时,如果已经存在相同样式,@impor引入的这个样式将被该css文件本身的样式层叠掉,表现出link方式的样式权重高于@import的权重这样的直观效 

  • 简而言之:link和@import,谁写在后面,谁的样式就被应用,后面的样式覆盖前面的样

 


 

HTML CSS 自问自答

原文:https://www.cnblogs.com/tgzmos/p/14528982.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!