[TOC=2] >[success] ## **塊元素** #### **代表標簽** ``` Div,h1-h6,p,ul,li ``` #### **特點：** ``` ★獨占一行 ★可以設置寬高 ★ 嵌套（包含）下， 子塊元素寬度（沒有定義情況下）和父塊元素寬度默認一致。 ``` <br> >[success] ## **行內元素** #### **代表標簽** ``` span ,a, ,strong , em, del, ins ``` #### **特點：** ``` ★在一行上顯示 ★不能直接設置寬高 ★元素的寬和高就是內容撐開的寬高。 ``` <br> >[success] ## **行內塊元素(內聯元素)** #### **代表標簽** ``` input img ``` #### **特點：** ``` ★在一行上顯示 ★可以設置寬高 ``` <br> >[success] ## **元素間的轉換** **塊元素轉行內元素 div-->span** `display:inline`  <br> **行內元素轉塊元素** `display:block;` ****  <br> **塊和行內元素轉行內塊元素** `display:inline-block;`  >[danger] ##### 特點 1 行內元素不能設置寬高， 2 行內塊元素可以設置寬高，并不單獨占據一整行，也不”繼承”寬度 3 塊級元素本來就是要占據一整行顯示，如果父元素設置了寬度，那么子元素在沒有設置寬度的前提下默認和父元素同寬。