1、内外边距
只有外边距 margin:
h1-h6、p、hr、br、address
只有内边距 padding:
button、input、select、textarea、legend
边距全都有:
ul/ol、blockquote、fieldset、pre、dl
h1,h2,h3,h4,h5,h6,p,hr,br,address{margin:0}
button,input,select,textarea,legend{padding: 0;}
ul,ol,blockquote,fieldset,pre,dl{margin: 0;padding: 0;}
2、清除浮动
/*.clear:after{content:'';display:block;height:0;line-height:0;visibility:hidden;clear:both;}.clear{*zoom:1;}*/
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}.clearfix{*zoom:1;}
3、重置样式
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body{position:relative;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none;color:#fff; outline:none;}
a:hover{text-decoration:underline}
img{border:0;}
iframe{display: block}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol,li{padding:0;list-style-type:none;}
/*.clear:after{content:'';display:block;height:0;line-height:0;visibility:hidden;clear:both;}.clear{*zoom:1;}*/
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.hide{display: none}
原创文章,作者:风在逍遥,如若转载,请注明出处:https://www.bjseo.xin/?p=67