塊級元素與行內元素

2021-09-18 00:22:01 字數 1222 閱讀 7169

塊級元素

特點:1.每個塊級元素都是獨自佔一行,其後的元素也只能另起一行,並不能兩個元素共用一行。

2.元素的高度、寬度、行高和頂底邊距都是可以設定的。  

3.元素的寬度如果不設定的話,預設為父元素的寬度。

以下是 html 中所有的塊級元素列表(雖然」塊級「在新的 html5 元素中沒有明確定義)

****資訊。

html5

文章內容。

html5

伴隨內容。

html5

塊引用。

html5

繪製圖形。

定義列表中定義條目描述。

文件分割槽。

定義列表。

表單元素分組。

html5

**資訊組標題

html5

**資訊組 (參照)。

html5

區段尾或頁尾。

表單。,,,,,

標題級別 1-6.

html5

區段頭或頁頭。

html5

標題組。

水平分割線。

不支援指令碼或禁用指令碼時顯示的內容。

有序列表。

html5

表單輸出。

行。

預格式化文字。

html5

乙個頁面區段。

**。

表腳注。

行內元素 塊級元素和行內塊級元素

而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效,只有左右有效果 總是和相鄰的行內元素在同一行上,預設排列方式...

行內元素與塊級元素

1.行內元素與塊級元素直觀上的區別 行內元素會在一條直線上排列,都是同一行的,水平方向排列 塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著乙個斷行。2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。3.行內元素與塊級元素屬性的不同,主要是盒模型屬性上 行內元素設定wid...

塊級元素與行內元素

用法 塊級元素只能用於標籤中 塊級元素與行內元素 塊級元素與行內元素的幾個區別 格式 在預設情況下,塊級元素會從新起一行 內容模型 塊級元素可以包含其他的塊級元素和行內元素,這種模型會比行內元素有著更加大的結構 塊級元素列表 1.資訊 2.塊引用 3.定義列表中的條目描述 4.文件分割槽 5.定義列...