common.css

common.css配置

/* 字体图标资源引入 */
@font-face {
  font-family: 'iconfont';  /* Project id 3243582 */
  src: url('...') format('woff2'),
       url('...') format('woff'),
       url('...') format('truetype');
}
.iconfont {
  font-family: 'iconfont';
}

/* 通配去除默认内外边距，及配置盒子模型 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 版芯宽度并居中 */
.w {
  width: 1200px;
  margin: 0 auto;
}

/* 浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}

/* 清除浮动 */
.clearfix:before,
.clearfix:after {
  content:"";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom:1;
}

/* 去除列表默认样式 */
li {
  list-style: none;
}

/* a默认样式 */
a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #2858f8;
}

/* 去除button默认样式 */
button {
  border: 0;
  background-color: transparent;
  outline: none;
}

/* 去除 i em 默认样式 */
i,
em {
  font-style:normal;
}

/* 去除input默认样式 */
input {
  background: none;
  outline: none;
  border: none;
}

/* 无法选中文字 */
.no-select{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}