html中元素分類

2021-09-23 05:52:01 字數 600 閱讀 5783

html一般有 塊級元素(行元素)、內聯塊元素 、內聯元素(行內元素 )

他們的區別

塊級元素會獨佔一行可以設定寬高、 margin 、padding

在css樣式中一般用display:block;表示

一般的塊級元素有

、、...、、、、、、、
p標籤可以強制換行(因為他獨佔了一行)

內聯元素不會獨佔一行、不能設定寬高,他的大小由內容決定、margin和padding屬性只有margin-left和margin-right、padding-left和padding-right會生效

在css樣式中一般用display:inline;表示

、、、、、、、、、

內聯塊元素可以說是另外兩種元素的結合

它不會獨佔一行、可以設定寬高、margin和padding屬性都會生效

在css樣式中一般用display:inline-block;表示

它們三種元素可以互相轉換

eg:吼吼/*將內聯元素轉換成塊級元素使它擁有塊級元素的特點*/

html中元素分類

html 元素可分為3類 塊元素 block 內聯元素 in line 可變元素 內聯元素又可以稱之為內嵌元素 行內元素,都一樣,只是叫法不同。內聯元素與塊元素的區別在哪呢?塊元素 在預設情況下會換行顯示 也就是每新建乙個塊元素會自動在下一行顯示 內聯元素 在預設情況下會在一行內顯示 也就是正好與塊...

html中元素定位

定位 元素通過定位屬性與定位座標確定顯示位置.屬性position static 無特殊定位,物件遵循html定位預設規則 fiexd 固定定位 relative 相對定位 absolute 絕對定位 四個座標 left 左,right 右,top 頂,botton 底 固定定位fixed l 給元...

HTML元素分類

面試的時候被問了乙個問題,塊級元素和內聯元素的區別。我想這不是很簡單嗎,就說塊級元素是佔據一整行而內聯元素是乙個乙個緊挨著 用通俗的語言說的,感覺不太專業 然後面試官又問我內聯元素可以使用padding和margin嗎,我就懵了。頓時覺得自己學的東西很不紮實,深入一點的都不是很了解。就表現形式來看 ...