百事234+641480+html塊級、行級元素介紹
html元素可以劃分為塊級元素和行級元素。
塊級元素是什麼?
它可以獨佔一行,可以設定寬高度,預設是100%;
(相關教程推薦:html教程)
行級元素與之相反,它的內容決定它的寬高度,至於特殊字元就當成是文字來看。
示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>HTML塊級、行級元素,特殊字元,巢狀規則</title>
</head>
<body>
<!--塊元素:獨佔一行,可以設定寬高、預設寬度100%-->
塊元素分為文字類和容器類
文字類塊元素:p、h1——h6
容器類塊元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列)
<!--行元素:不獨佔一行,寬高度取決於內容-->
行元素:aimginputstrongemdelspan
特殊字元:文字br hr
</body>
</html>
巢狀規則:
1、塊元素可以巢狀行元素;
2、行元素可以巢狀行元素;
3、行元素不可以巢狀塊元素;
4、文字類塊元素不可以巢狀塊元素;
5、容器類塊元素可以巢狀塊元素。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69997780/viewspace-2838747/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 塊級元素和行內元素
- CSS的塊級元素和行內元素CSS
- 02 CSS塊級元素和行內元素CSS
- 塊級元素和行內元素的區別
- html塊級元素HTML
- CSS 塊級元素和行內元素和行內塊元素 及其相互轉換CSS
- 塊級元素和行內元素分別有哪些
- 行內元素、塊級元素、空(void)元素分別有哪些?
- HTML的行內元素與塊級元素的區別?HTML
- HTML 塊級元素和內聯元素HTML
- CSS塊級/內聯元素CSS
- 塊級元素與內聯元素相互轉換
- 內聯元素和塊級元素相互轉換
- 前端開發入門到實戰:html塊級元素和行級元素的區別和認識前端HTML
- mysql鎖之三種行級鎖介紹MySql
- 行內元素和塊級元素有什麼區別,如何相互轉換?
- CSS的基本屬性,行級、塊級、行級塊標籤,盒子模型CSS模型
- 超級賬本-頂級專案介紹
- Linux作業系統執行級別介紹Linux作業系統
- HTML網頁基本標籤的塊級、行級元素,特殊字元的巢狀規則HTML網頁字元巢狀
- 摩登567+641480+初識塊級元素
- Flutter之Widget層級介紹Flutter
- 塊級、內聯、內聯塊級
- jq獲取上級、同級、下級元素
- JavaScript元素集合介紹JavaScript
- 『中級篇』Docker-cloud介紹(54)DockerCloud
- SAE自動駕駛分級介紹自動駕駛
- Linux常用初級指令介紹和使用Linux
- HTML 中塊級元素設定 height:100% 的實現HTML
- <svg>元素簡單介紹SVG
- Kubernetes 的層級名稱空間介紹
- Spring Security方法級別授權使用介紹Spring
- 如何升級電腦windows版本 windows系統版本升級方法介紹Windows
- HTML----元素層級HTML
- win11現在建議升級嗎 windows11升級方法介紹Windows
- MySQL多層級結構-樹搜尋介紹MySql
- HTML行內級元素之間的空格問題HTML
- 前端開發,塊元素與行內元素前端