什么是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; }