reset.css模板,可参考下

 分类:div+css教程时间:2019-01-19点击:

     2014年毕业至今5年多了,感慨一下真的过得好快呐!群里有朋友问我关于reset.css问题,个人觉得用一个模板就够了,没必要每次重写。reset.css就是css样式的重置,为了处理些默认样式,也是为了各大浏览器的兼容性。我的reset.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
除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 关注下头条号后,加下微信【yes2016yes99】将分享给你一份前端资料!
  • 立即关注