2014年毕业至今5年多了，感慨一下真的过得好快呐！群里有朋友问我关于reset.css问题，个人觉得用一个模板就够了，没必要每次重写。reset.css就是css样式的重置，为了处理些默认样式，也是为了各大浏览器的兼容性。我的reset.css模板，可参考下，不足之处，请指正批评下！

@charset "GBK";

*{margin:0;padding:0;}

html{background:#fff}

body{font-size:14px;font-family:"Microsoft YaHei","SimSun";}

ul li{list-style:none;}

img{border:none;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}

input{outline:none;}

a,a:hover{text-decoration:none;}

.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{*+height:1%;}

说明：

1.指定了css文件编码为BGK；

2.*代表了所有，清除了所有盒子的内外边距；

3.指定了默认字体和大小，字体名称使用了英文，可防止乱码现象；

4.li的点样式、img图片的默认边框清除了；

5.表单input和a的一些默认样式清除了；

6.最后是清除浮动的样式，使用时直接在盒子上写clearfix类名就行了。

温馨提示：如果你对web前端开发感兴趣，可以加入免费交流学习群：932617626

除注明外的文章,均为来源:汤久生博客,转载请保留本文地址！

原文地址：