/* css 的初始化 */

/* 指定当前css文件, 编码格式是utf-8 */
@charset "UTF-8";

/* 清除默认的外边距和内边距
    其实并不是每个标签都有默认的内外边距的，原来使用*的方法在大项目，
    动辄几万个标签的页面就非常消耗性能了,所以大项目中一般会找到有默认
    margin和padding的标签单独清除会更好一点
 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img {
  margin: 0;
  padding: 0;
}

 img, button, textarea {
  border: none;
  padding: 0;
  margin: 0;
  /*去除点击之后的轮廓线*/
  outline-style: none;
}

/* ul, ol {
  list-style: none;
} */

input {
  font-family: "SimSun", "宋体";
}

select, input, textarea {
  font-size: 12px;
  margin: 0;
}

textarea {
  /*禁止文本域标签的用户自由缩放*/
  resize: none;
}
/* 
img {
  border: none;
  设置图片默认的垂直对齐方式为中线对齐
  vertical-align: middle;
} */

table {
  /*边框合并*/
  /*border-collapse: collapse;*/
}

body {
  /* 将整个页面的字体, 默认重置 */
  /*font: 12px/18px Microsoft YaHei, Arial, Verdana, "SimSun";*/
  /*
    font：style weight size/line-height  family
    font的练习形式中  前两个可以省略
  */
  /*color: #666;*/
  background: #fff;
}

/*双伪元素清除法：
    1、清除浮动
    2、解决margin的塌陷问题
*/
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* 兼容 IE 67 */
.clearfix {
  *zoom: 1;
}

/*a {
  color: #666;
  text-decoration: none;
}*/

/*h1, h2, h3, h4, h5, h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}*/

/* 
  buis因为没有语义，所以不推荐用来给文字设置样式，但是有的时候需要一些没有语义的标签来打下手，
  比如字体图标等等，此时可以废物利用，把之前不推荐使用的标签去除样式，来用于其他用途。
*/
i, s {
  font-style: normal;
  text-decoration: none;
}

/*字体图标：span  i*/

.fl {
  float: left;
}

.fr {
  float: right;
}

/*
  版心：宽度固定并且水平居中的盒子
  在使用别人写好的base.css文件时，注意每个页面的版心可能是不一样的，需要单独测量设置
*/


/*最后需要删除*/
/* body {
  height: 5000px;
} */