html區塊元素

大多數 html 元素被定義為塊級元素或內斂元素。

塊級標籤：會獨佔一行，無論內容多少

內斂標籤：根據內容多少占用空間大小

舉例：塊級：p、h1-h6、div、ul、li、ol、dl等

內斂：span、img、i、b、a、em、icon（向量標籤)等

二者的區別

塊級1、塊級元素會獨佔一行

2、塊級標籤可以設定寬高

內斂1、內斂不會獨佔一行

2、內斂不可以設定寬高

3、內斂元素的margin上下邊距不起作用

（注：相鄰兩個塊級元素同時設定margin時，他們之間的外邊距不會疊加，會取最大值 。這種現象叫margin塌陷）

二者轉換

塊級轉行級

給塊級元素新增屬性display：inline；（display 顯示，inline 行） 

行級轉塊級

給行級元素新增屬性display：block；(block 塊）

行級塊元素

給需要的元素新增屬性display：inline-block；

（備註：line-height  行高    設定字型的垂直位置         line-height的值和height的值相同   文字就上下居中）

HTML 區塊 內聯元素

html 區塊 內聯元素 2 和 html 可以通過 和 將元素組合起來。3 區塊元素 大多數 html 元素被定義為塊級元素或內聯元素。塊級元素在瀏覽器顯示時，通常會以新行來開始 和結束 例項 4 內聯元素 內聯元素在顯示時通常不會以新行開始。例項 5 元素 html 元素是塊級元素，它可用於組合...

html中的區塊元素和內聯元素

1 html中區塊元素和內聯元素的區別 區塊元素的特點 常用的區塊元素有 內聯元素的特點 常見的內聯元素有 雖然input和img都是行內元素，但是它們是可以設定寬和高的。主要是因為它們是內斂塊元素。內斂塊元素的特點 內聯塊狀元素 inline block 就是同時具備內聯元素 塊狀元素的特點，即 ...

html標籤與html元素

1 html標籤 什麼是 html 標籤 1 html 文件和 html 元素是通過 html 標籤進行標記的 2 html 標籤由開始標籤和結束標籤組成 3 開始標籤是被括號包圍的元素名 4 結束標籤是被括號包圍的斜槓和元素名 5 某些 html 元素沒有結束標籤，比如 注釋 開始標籤的英文翻譯是...