在前端开发中,常使用的初始化HTML文档的CSS样式 ,对于初学者,非常有用,记之,以供参考。
/*初始化 reset*/
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,ul{margin:0;padding:0}
body,button,input{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6,button,input{font-size:100%}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
fieldset,img{border:0;vertical-align:top;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}
将此样式放在所有样式的前面即可。