百事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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 塊級元素和行內元素
- 行內元素和塊級元素
- HTML_行內元素、塊級元素、空元素HTML
- 行級元素左右邊距及塊級元素上下邊距
- 02 CSS塊級元素和行內元素CSS
- CSS的塊級元素和行內元素CSS
- 塊級元素和行內元素的區別
- html塊級元素HTML
- CSS 塊級元素和行內元素和行內塊元素 及其相互轉換CSS
- 塊級元素和行內元素分別有哪些
- CSS基礎——塊級元素、塊級盒子以及BFCCSS
- HTML的行內元素與塊級元素的區別?HTML
- HTML 塊級元素和內聯元素HTML
- CSS塊級/內聯元素CSS
- 行內元素和塊級元素使用浮動後的變化
- 偽元素需要將其設定為塊級元素或者塊級內聯元素才能設定尺寸
- 塊級元素與內聯元素相互轉換
- 內聯元素和塊級元素相互轉換
- jQuery dom元素層級匹配選擇器簡單介紹jQuery
- CSS的基本屬性,行級、塊級、行級塊標籤,盒子模型CSS模型
- mysql鎖之三種行級鎖介紹MySql
- 前端開發入門到實戰:html塊級元素和行級元素的區別和認識前端HTML
- HTML5下<a>元素下可以包裹塊級元素HTML
- 超級賬本-頂級專案介紹
- iOS超級超級詳細介紹GCDiOSGC
- HTML網頁基本標籤的塊級、行級元素,特殊字元的巢狀規則HTML網頁字元巢狀
- 透徹理解塊級元素的寬度
- PostgreSQLGUC引數級別介紹SQL
- jQuery物件入門級介紹jQuery物件
- Linux作業系統執行級別介紹Linux作業系統
- 摩登567+641480+初識塊級元素
- 塊級元素不能夠巢狀在<p>標籤元素中巢狀
- Flutter之Widget層級介紹Flutter
- Linux各級目錄介紹Linux
- 次級成本要素型別介紹型別
- SAE自動駕駛分級介紹自動駕駛
- 絕對定位元素、浮動元素會生成一個塊級框
- jq獲取上級、同級、下級元素