文章标题

－－ 复习一下网易云课堂页面架构课程

1 Reset相关

浏览器原来会有一些样式，会导致页面有一定的原始效果，比如body 元素会有如下原始样式（基于chrome,不同浏览器会有不同样式）

  body{
    display: block;
    margin: 8px
  }

要将body 的原始样式清除掉，需要

    body{
      margin:0;
    }

例如h1 有如下原始特性

  h1 {   <-- user agent stylesheet -->
      display: block;
      font-size: 2em;
      -webkit-margin-before: 0.67em;
      -webkit-margin-after: 0.67em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      font-weight: bold;
  }

要去除其字体与margin相关特性，需要如下

  h1{
    font-size: 100%;
    margin: 0px;
    font-weight: normal;
  }