首页 > Web开发 > 详细

一个简易的css reset

时间:2019-07-04 21:36:20      阅读:92      评论:0      收藏:0      [点我收藏+]
/*css reset*/
/*清除内外边距*/
body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/
ul, ol, li, dl, dt, dd, /*列表元素*/
form, fieldset, legend, input, button, select, textarea, /*表单元素*/
th, td, /*表格元素*/
pre {
    padding: 0;
    margin: 0;
}

/*重置默认样式*/
body, button, input, select, textarea {
    /*font: 12px/1 微软雅黑, Tahoma, Helvetica, Arial, 宋体, sans-serif;*/
    color: #333;
    font: 12px/1 "Microsoft YaHei", Tahoma, Helvetica, Arial, SimSun, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
em, i {
    font-style: normal;
}

a {
    text-decoration: none;
}
li {
    list-style-type: none;
    vertical-align: top;
}
img {
    border: none;
    /*display: block;*/
    vertical-align: top;
}
textarea {
    overflow: auto;
    resize: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

/*常用公共样式*/
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
    
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

 

一个简易的css reset

原文:https://www.cnblogs.com/Leophen/p/11134919.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!