一、塊級(jí)元素(block-level)

常見(jiàn)的塊元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標(biāo)簽是最典型的塊元素。

• 塊級(jí)元素的特點(diǎn)

（1）比較霸道，自己獨(dú)占一行

（2）高度，寬度、外邊距以及內(nèi)邊距都可以控制。

（3）寬度默認(rèn)是容器（父級(jí)寬度）的100%

（4）是一個(gè)容器及盒子，里面可以放行內(nèi)或者塊級(jí)元素。

• 注意：
  • 只有 文字才 能組成段落 因此 p 里面不能放塊級(jí)元素，特別是 p 不能放div
  • 同理還有這些標(biāo)簽h1,h2,h3,h4,h5,h6,dt，他們都是文字類塊級(jí)標(biāo)簽，里面不能放其他塊級(jí)元素。

二、行內(nèi)元素(inline-level)

常見(jiàn)的行內(nèi)元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>標(biāo)簽最典型的行內(nèi)元素。有的地方也成內(nèi)聯(lián)元素

• 行內(nèi)元素的特點(diǎn)：

（1）相鄰行內(nèi)元素在一行上，一行可以顯示多個(gè)。

（2）高、寬直接設(shè)置是無(wú)效的。

（3）默認(rèn)寬度就是它本身內(nèi)容的寬度。

（4）行內(nèi)元素只能容納文本或則其他行內(nèi)元素。

[圖片上傳失敗...(image-a365a2-1624978915160)]

注意：

• 鏈接里面不能再放鏈接。

• 特殊情況a里面可以放塊級(jí)元素，但是給a轉(zhuǎn)換一下塊級(jí)模式最安全。