布局 — 样式重置

2018-06-24 02:15:07来源:未知 阅读 ()

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

/* ==========================================================================
   清除默认内边距和外边距
========================================================================== */
body,
dl, dd,
h1, h2, h3, h4, h5, h6,
p, form {
  margin: 0;
}
ol, ul {
  margin:0;
  padding:0;
}

/* ==========================================================================
   设置默认文字样式
========================================================================== */
html {
  font-size: calc((16 * 100vw) / 320);
  -webkit-text-size-adjust: none;
}
body,
button, input, select, textarea {
  font-family: "microsoft yahei", arial, sans-serif;
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
em, i {
  font-style: normal;
}

/* ==========================================================================
   清除列表默认样式
========================================================================== */
ol, ul {
  list-style: none;
}

/* ==========================================================================
   重置表格默认属性
========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0
}

/* ==========================================================================
   重置 a 标签默认属性
   清除移动端下点击添加默认背景
========================================================================== */
a {
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* ==========================================================================
   清除浮动
========================================================================== */
.clearfix {
  zoom: 1;
}
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

 

标签:

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

上一篇:js使用hover事件做一个“个人中心”的浮动层

下一篇:关于css的总结