# 一、顯示模塊 ## 1、塊級元素 #### 特點： 1.獨占一行（一行只能顯示一個) 2.寬度預設是父元素的寬度，高度預設由內容撐開 3.可以設置寬高 #### 例如： ``` div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer. ``` ## 2、 ...
一、顯示模塊
1、塊級元素
特點：
1.獨占一行（一行只能顯示一個)
2.寬度預設是父元素的寬度，高度預設由內容撐開
3.可以設置寬高
例如：
div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer.
2、行內元素
特點：
1.一行可以顯示多個
2.寬度和高度預設由內容撐開
3.不可以設置寬高
例如：
a、span、b、u、i、s、strong、ins、em、del…
3、行內塊元素
特點：
1.一行可以顯示多個
2.可以設置寬高
例如：
input、textarea、button、select..
特殊情況：img標簽有行內塊元素特點，但是Chrome調試工具中顯示結果是inline
4、元素顯示模式轉換
目的：改變元素預設顯示特點
| 屬性 | 效果 | 頻率 |
|---|---|---|
| display:block | 轉換成塊級元素 | 較多 |
| display:inline-block | 轉換成行內塊元素 | 較多 |
| display:inline | 轉換成行內元素 | 較少 |
二、擴展：標簽嵌套
註意：
1、塊級元素一般作為大容器，可以嵌套：文本、塊級元素、行內元素、行內塊元素等等…
但是：p標簽中不要嵌套div、p、h等塊級元素
2、a標簽內部可以嵌套任意元素
但是：a標簽不能嵌套a標簽
以上內容為學習尚矽谷視頻後整理
