码迷,mamicode.com
首页 > Web开发 > 详细

页面重置样式reset.css

时间:2019-12-24 18:30:20      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:使用   div   one   inpu   sel   大小   over   reset   play   

我把经常用到的一些页面重置样式归类到了一个.css文件中,这样可以减少代码冗余。当然还有其他的很多用处,比如h1~h5的样式全部统一的话,下面写东西很清晰很多。

@charset ‘utf-8‘;

html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}  /*这里不要用通配符*{margin:0;padding:0;}因为会遍及所有元素*/
html{font-size: 100px;}  /*设置html根标签的字号大小为100px;为了使用rem;可以等比例放大缩小整体比例*/
body{font-family:"微软雅黑";font-size: 16px;}  /*html{font-size: 100px;},此时不给body加字号大小,在给inline-block使用字体的时候排版会乱*/
b,strong{font-weight:normal;}
i,em{font-style:normal;}
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}   
img{border:0;display:block}
input,fieldset{outline: none;border:0;}
.clear_fix::after{content: " ";clear: both;display:block;height: 0;overflow: hidden;visibility: hidden;}  /*万能清浮动*/
.clear_fix{zoom:1;}

页面重置样式reset.css

标签:使用   div   one   inpu   sel   大小   over   reset   play   

原文地址:https://www.cnblogs.com/miniSkytrue/p/12092626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!