likes
comments
collection
share

CSS 初始化

作者站长头像
站长
· 阅读数 261

不同浏览器对有些标签的默认值是不同的,为了统一效果,消除不同浏览器的差异,我们需要对 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;
  }