一、顯示模塊
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標簽
以上內容為學習尚硅谷視頻后整理
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/554871.html
標籤：其他
上一篇：前端vue地圖定位并測算當前定位離目標位置距離可用于簽到打卡
下一篇：返回列表