base.css样式重置

@charset "utf-8";
/* css初始化 /
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,th,td {
margin: 0;
padding: 0;
}
body {
/
字体、颜色、背景色/
font-size: 12px;
font-family: "Microsoft Yahei", sans-serif, "\5FAE\8F6F\96C5\9ED1";
color: #ccc;
background: #fff
}
table {
/
边框合并/
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,input,button {
/
去掉input等聚焦时的蓝色边框/
border: none;
padding: 0;
margin: 0;
outline-style: none;
}
img {
/
去掉图片低测默认的3像素空白缝隙,或者用display:block也可以/
border: 0;
vertical-align: middle;
}
ul,ol {
/
清除列表风格/
list-style: none;
}
input {
padding-top: 0;
padding-bottom: 0;
font-family: "SimSun", "宋体";
}
select,input {
vertical-align: middle;
}
select,input,textarea {
font-size: 12px;
margin: 0;
}
textarea {
/
边框清零 /
border: none;
/
轮廓线清零 /
outline: none;
/
防止文本域被随意拖拽 */
resize: none;
}

/* html,body {
width: 100%;
height: 100%;
font-size: 100px!important;
} */

a,a:active,a:visited {
/下划线和颜色/
text-decoration: none;
color: #ccc;
}
a:hover {
color: #333;
}
s,i,em {
/文字样式/
font-style: normal;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
/* 设置h标签的大小,设置跟父亲一样大的字体font-size:100% /
font-size: 100%;
font-weight: normal;
text-decoration: none;
}
/
使用伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: none;
clear: both;
}
.clearfix {
*zoom: 1;
}

/* 公共类 */
.w { width: 1210px;margin: 0 auto; }
.fl { float: left; }
.fr { float: right;}
.al { text-align: left;}
.ac { text-align: center;}
.ar { text-align: right;}
.hide { display: none;}
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.font16 { font-size: 16px;}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,830评论 2 2
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,215评论 0 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,824评论 1 45
  • 1 不要出言不逊 今早迷迷糊糊进入了公司食堂,等餐的时候突然听到一个男人大吼,为什么你们的豆浆里会有油,给我重新拿...
    Miss水儿阅读 1,717评论 14 51