不同浏览器对有些标签的默认值是不同的,为了对立成果,打消不同浏览器的差别,咱们须要对 CSS 初始化,也就是重设浏览器的款式。

  /* 把所有标签的内外边距清零 */  * {    margin: 0;    padding: 0;  }
  /* em 和 i 斜体文字不歪斜 */  em,  i {    font-style: normal;  }
  /* 去掉 li 后面的小圆点 */  li {    list-style: none;  }
  /* border: 0 是为了关照低版本的浏览器,如果图片里面蕴含了链接会有边框 */  /* vertical-align 勾销图片底侧有空白缝隙问题 */  img {    border: 0;    vertical-align: middle;  }
  /* 鼠标在 button 上方时,鼠标变为小手形态 */  button {      cursor: pointer;  }
  /* 勾销链接的下划线 */  a {    text-decoration: none;  }
  /* 革除浮动 */  .clearfix:after {    visibility: hidden;    clear: both;    display: block;    content: "";    height: 0;  }  .clearfix {    *zoom: 1;  }
  /* CSS3 抗锯齿形,让文字显示的更加清晰 */  body {    -webkit-font-smoothing: antialiased;  }