美文网首页
【知识点】你应该了解的两种样式重置

【知识点】你应该了解的两种样式重置

作者: 李李李李李晓华 | 来源:发表于2019-03-26 23:18 被阅读0次

回到了大河南真的开心~看到之前一篇书签,自己收藏一下吧。


回家~
  • 我们经常使用的样式重置是CSS Reset 。

就像是推翻封建统治,CSS Reset 里最激进那一派提倡不管你小子有用没用,通通给我脱了那身衣服,凭什么你 body 出生就穿一圈 margin,凭什么你姓 h 的比别人吃得胖,凭什么你 ul 戴一胳膊珠子。于是 *{margin:0;} 等等运动,把人家全拍扁了。看似是众生平等了,实则是浪费了资源又占不到便宜,有求于人家的时候还得贱贱地给加回去,实在需要人家的默认样式了怎么办?人家锅都扔炉子里烧了,自己看着办吧。
也就是Reset 相对「暴力」,不管你有没有用,统统重置成一样的效果,且影响的范围很大,讲求跨浏览器的一致性。

  • 而很多UI框架使用的样式重置是Normalize.css

Normalize.css 是改良派。他们提倡,各个元素都有其存在的道理,简单粗暴地一视同仁是不好的。body 那一圈确实挤压了页面的生存空间,那就改掉。士农工商,谁有谁的作用,给他们制定个规范,确保他们在任何浏览器里都干好自己的活儿。
Normalize 相对「平和」,注重通用的方案,重置掉该重置的样式,保留有用的 user agent (用户代理)样式,同时进行一些 bug 的修复,这点是 reset 所缺乏的。
Normalize 给我的感觉就是不讲求样式一致,而讲求通用性和可维护性。

相关文章

  • 【知识点】你应该了解的两种样式重置

    回到了大河南真的开心~看到之前一篇书签,自己收藏一下吧。 我们经常使用的样式重置是CSS Reset 。 就像是推...

  • CSS Reset 的来龙去脉

    目录 浏览器的默认样式 三种样式重置方法 硬重置 软重置 个性化重置 Normalize.css 源码解析 总结 ...

  • Html5课堂总结

    /*重置样式*/ *{ margin: 0; padding: 0; } css的重置样式主要是因为html标签在...

  • css reset

    重置样式:css reset 概述 重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体...

  • css重置样式

    网上有很多的重置样式的文件,但是有很多的样式都是多余的,也就是说它本来就没有这个默认的样式,你就必要再去重置它,这...

  • 移动端重置样式和公共样式

    移动端重置样式移动端公共样式

  • Css3解决塌陷和元素居中的代码

    重置样式表-去除默认样式 重置浏览器默认样式,可以使用reset.css和normalize.css。reset....

  • CSS Reset

    什么是CSS Reset? CSS Reset 顾名思义就是重置样式表中的样式的,更准确来说是重置浏览器默认样式(...

  • 样式重置

    body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textare...

  • 重置样式

网友评论

      本文标题:【知识点】你应该了解的两种样式重置

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