前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一个简易的css reset

一个简易的css reset

作者头像
Leophen
发布2019-08-23 22:54:17
4200
发布2019-08-23 22:54:17
举报
文章被收录于专栏:Web前端开发Web前端开发
代码语言:javascript
复制
/*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;
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-07-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档