reset.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类名就行了。
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址:https://tangjiusheng.cn/divcss/165.html
原文地址:https://tangjiusheng.cn/divcss/165.html