2014年毕业至今5年多了,感慨一下真的过得好快呐!群里有朋友问我关于reset.css问题,个人觉得用一个模板就够了,没必要每次重写。reset.css就是css样式的重置,为了处理些默认
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类名就行了。
本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。