html的塊級元素與內嵌元素

舉例：
    請把下面二行代碼放進body標籤裏：
    <div style=”border: 1px solid red;”>div1</div>
     <div style=”border: 1px solid red;”>div1</div>
     瀏覽器的呈現效果：
    div1
     div1
　　這二個div佔據了二行空間，叫做塊級元素(block)。
 　　再把下面二行代碼也放進body標籤裏：
    <span style=”border: 1px solid red;”>span1</span>
     <span style=”border: 1px solid red;”>span2</span>
　　瀏覽器的呈現效果：
    span1 span1
　　這兩個span並列在一行，叫做內聯元素(inline)。
 
塊級元素和內嵌元素的區別：
 　　· 塊級元素 用來搭建網站架構、佈局、承載內容，如：div、ul、li、dl、dt、dd、h1-h6、p、address……
       內聯元素 用在文本之中的某一行的修飾，如：a、span、strong、sub、sup、img……
    · 塊級元素是盒子，盒子是有寬高的，即不管裏面有多少東西，外部就可以設置其寬高。
       內聯元素是袋子，其寬高由裏面的東西撐起來的。
 　　· 塊級元素和內嵌元素之間互相轉換，轉換的代碼如下：
       display:block;    /* 轉成塊元素 */
        display:inline;    /* 轉成內嵌元素 */
　　· 塊級元素和內嵌元素對於CSS的調用規則：
       1. 塊元素可以包含內聯元素或某些塊元素，但內聯元素卻不能包含塊元素，它只能包含其它的內聯元素：
          <div><h1></h1><p></p></div> —— 對
          <a href=”#”><span></span></a> —— 對
          <span><div></div></span> —— 錯
       2. 有幾個特殊的塊級元素只能包含內嵌元素，不能再包含塊級元素，這幾個特殊的標籤是：
          h1-h6、p、dt。
          <p><ol><li></li></ol></p> —— 錯
          <p><div></div></p> —— 錯
 　　   3. li內可以包含div標籤/父級ul或者是ol
　　      li和div標籤都是裝載內容的容器，地位平等，沒有級別之分。
 　　   4. 塊級元素與塊級元素並列、內嵌元素與內嵌元素並列：
          <div><h2></h2><p></p></div> —— 對
          <div><a href=”#”></a><span></span></div> —— 對
          <div><h2></h2><span></span></div> —— 錯