html中內聯元素和塊級元素的區別(整理版)

2021-09-24 20:10:02 字數 950 閱讀 9860

塊級元素

內聯元素(即行內元素)

總是在新行上開始,獨佔一行預設情況下,寬度自動填滿其父元素

相鄰的行內元素會排列再同一行裡,直到一行排不下,才會換行,寬度隨元素的內容而變化

可以設定width,height屬性

設定width,height屬性無效

可以設定magin,padding屬性

邊距起作用的以下幾個,其它不會起作用

margin-left|right|padding-left| right

對應於display block

對應於display:inline

通過display屬性對行內元素和塊級元素進行切換

block此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block行內塊元素。(css2.1 新增的值)

塊級元素-按字母順序排列標籤

描述定義位址。

影象區域

定義文章。

定義頁面內容之外的內容。

定義聲音內容。

換行定義長的引用。

定義圖形。

定義**標題。

定義定義列表中專案的描述。

定義文件中的節。

定義定義列表。

定義定義列表中的專案。

定義元素的細節。

定義圍繞表單中元素的邊框。

定義 figure 元素的標題。

定義媒介內容的分組,以及它們的標題。

定義 section 或 page 的頁尾。

定義供使用者輸入的 html 表單。

to 定義 html 標題。

12345

122

html塊級元素和內聯元素

塊級元素 就是乙個方塊,像段落一樣,預設佔據一行出現 內聯元素 又叫行內元素,顧名思義,只能放在行內,就像乙個單詞,不會造成前後換行,起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出,塊級元素預...

HTML中的塊級元素和內聯元素

塊級元素 block level element 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 寬度 width 高度 height 內邊距 padding 和外邊距 margin 都可控制 寬度沒有設定時,預設為100 可以包含某些塊級元素和內聯元素 內聯元素 inline ...

理解HTML中的塊級元素和內聯元素

元素的型別是根據文件型別定義 dtd 來指明的,元素型別的區分是為了對頁面布局可以更準確的調整。1.塊級元素 block 特性 常見的塊級元素 div form h1 6 p ul table 2.內聯元素 inline 特性 常見的內聯元素 a em span select img input 3...