封装好通用的reset.css base.css 样式重置css文…

2020-02-25 16:00:35来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

封装好通用的reset.css base.css 样式重置css文件

一般是叫reset.css

我这边命名成base.css

哎呀无所谓……

@charset "UTF-8";
/*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;
color:#4d555d;
}
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;
}

/*# sourceMappingURL=base.css.map */

 


原文链接:https://www.cnblogs.com/chenyingying0/p/12363689.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS中的圣杯布局与双飞翼布局

下一篇:通过HTML和CSS1:1还原风暴英雄官方网站