CSS reset 样式重置

我们总能看见这样的重置样式：

1 *{
2     padding:0;
3     margin: 0;
4 }

强烈不推荐！！！

推荐重置样式示例：部分内容可进行相应调整！

 1 /* reset */
 2 html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
 3 header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
 4 table{border-collapse:collapse;border-spacing:0;}
 5 caption,th{text-align:left;font-weight:normal;}
 6 html,body,fieldset,img,iframe,abbr{border:0;}
 7 i,cite,em,var,address,dfn{font-style:normal;}
 8 [hidefocus],summary{outline:0;}
 9 li{list-style:none;}
10 h1,h2,h3,h4,h5,h6,small{font-size:100%;}
11 sup,sub{font-size:83%;}
12 pre,code,kbd,samp{font-family:inherit;}
13 q:before,q:after{content:none;}
14 textarea{overflow:auto;resize:none;}
15 label,summary{cursor:default;}
16 a,button{cursor:pointer;}
17 h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
18 del,ins,u,s,a,a:hover{text-decoration:none;}
19 body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
20 body{background:#fff;}
21 a,a:hover{color:#333;}