CSS重置的内容有什么，重置到底有什么用处

发布时间：2023-10-13 09:48:39 所属栏目：语言来源：

导读：关于“CSS重置的内容有什么，重置究竟有何用处”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友

关于“CSS重置的内容有什么，重置究竟有何用处”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。

CSS重置是什么？

简单的说就是重置浏览器的CSS默认属性。

为什么要重置它，有什么作用？

因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如<button>标签，在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。

CSS重置的内容是什么？

最常见的莫过于这个：

* { padding: 0; margin: 0; border: 0; }
这是重置所有元素的内边距和外边距，以保证接下来书写的css内边距和外边距在各个浏览器里表现一样。

常用的css重置代码如下：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; } abbr,acronym { border: 0; }

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!