9_常用標簽以及默認樣式清除

常用標簽，可分為塊標簽、內嵌標簽和內嵌塊

　　塊:(div)　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　1. 獨占一行顯示　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2. 支持所有的樣式
　　　　3.不設置寬高，寬度默認撐滿父級
　　　　4.代碼換行不被解析

        內嵌:(span)　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　1. 可以在一行顯示　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2. 不支持寬高，上下的margin，上下padding支持的也有問題　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　3. 代碼換行會解析出一個空格(字體和字體大小，可以控制空格大小)　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　4.寬度由內容撐開

常用標簽分類：

   <div>div</div> <!-- 塊標簽 -->
    <span>span</span> <!-- 內嵌標簽 -->
    <a href="#">a鏈接</a>  <!-- 內嵌標簽 -->
    <strong>strong</strong>  <!-- 內嵌標簽 -->
    <em>em</em> <!-- 內嵌標簽 -->
    <h1>標題</h1><!-- 塊標簽 -->
    <h2>標題</h2><!-- 塊標簽 -->
    <h3>標題</h3><!-- 塊標簽 -->
    <h4>標題</h4><!-- 塊標簽 -->
    <h5>標題</h5><!-- 塊標簽 -->
    <h6>標題</h6><!-- 塊標簽 -->
    <p>段落</p> <!-- 塊標簽 -->
    <ul> <!-- 塊標簽 -->
        <li>無序列表</li> <!-- 塊標簽 -->
        <li>無序列表</li>
    </ul>
    <ol> <!-- 塊標簽 -->
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <dl><!-- 塊標簽 -->
        <dt>定義列表</dt> <!-- 塊標簽 -->
        <dd>定義列表</dd> <!-- 塊標簽 -->
        <dd>定義列表</dd>
    </dl>
    <section>板塊</section> <!-- 塊標簽 -->
    <header>頭部</header> <!-- 塊標簽 -->
    <footer>底部</footer> <!-- 塊標簽 -->
    <article>文章 主體</article> <!-- 塊標簽 -->
    <aside>附屬信息</aside> <!-- 塊標簽 -->
    <nav>導航</nav> <!-- 塊標簽 -->
    <time>時間</time> <!-- 內嵌標簽 -->
    <mark>標記</mark> <!-- 內嵌標簽 -->
<img src=”#”> <!--內嵌塊-->

注意： 1. a標簽中 不能包含a標簽
    　　2. 內嵌標簽中不能包含塊標簽
    　　3. 部分塊標簽中 也不能再包含塊標簽: p, h1-h6, dt
    　　4. 注意以下幾種嵌套是固定的:
        　　　　ul li
           　　　　 ul下只能包含li，li的父級也只能是ol或ul，當然li中可以隨意放置
        　　　　ol li
            　　　　ol下只能包含li，li的父級也只能是ol或ul，當然li中可以隨意放置
       　　　　 dl dt dd
            　　　　dl下只能包含dt和dd，dt,dd的父級也只能是 dl，當然dd中可以隨意放置
    　　5. 一般建議，塊和塊並列，內嵌和內嵌並列

四、默認樣式清除

　　　　標簽默認樣式清除(標簽字體樣式初始化)
　　　　初始整個頁面的字體 和 字體大小，但是注意每個項目都不一致，要跟着設計走

ul, ol,
     { 
　　margin: 0;
　　padding: 0;
　　list-style: none; 
}
body ,p, dl, dd,h1,h2,h3,h4,h5,h6 {
　　margin: 0;
}
h1,h2,h3,h4,h5,h6 {
　　font-weight:normal;
　　margin: 0;
}

a     { 
　　text-decoration: none; 
}
img {
　　vertical-align：top；
　　border：none
}
em,strong {
　　font-style:normal;
　　font-weight:normal;
}
mark {
　　background: none; 
}