HTML元素的默认样式

2021-03-03 23:28

阅读:414

YPE html>

标签:统一   normal   元素   add   css   body   position   下拉框   set   

为什么需要默认样式?

在html发展初期,还没有css文件,另外,css文件可能不能加载,所以这里默认样式就是必要的。

默认样式带来的问题,会影响我们写css,需要我们覆盖默认样式。还有一些默认样式是很难覆盖的,比如下拉框的默认样式,是很难去覆盖的。

 

DEMO2-7.html


Document
DIV元素
  • LI元素
  • LI元素
  • LI元素
  • LI元素
  • LI元素
  • LI元素

 既然元素默认样式有这么多问题,我们通常会进行CSS Reset(实践总结)。

https://meyerweb.com/eric/tools/css/reset/ 比如把ol, ul { list-style: none; }

https://yuilibrary.com/yui/docs/cssreset/ 大同小异

还有一个经常使用的。直接把所有margin和padding为0

  CSS Reset的思路是把一些带来麻烦的默认样式干掉,麻烦包括默认样式不好看,还有浏览器对于默认样式不统一。

关于浏览器对于html元素的默认样式不统一的解决方案,css reset是直接清0,直接干掉。

还有另外一种思路,把不统一的样式换成统一的,只是Normalize.css这个css库干的事。

HTML元素的默认样式

标签:统一   normal   元素   add   css   body   position   下拉框   set   

原文地址:https://www.cnblogs.com/JasonWang-code/p/13269900.html


评论


亲,登录后才可以留言!