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; 
}