塊級(jí)元素

每個(gè)塊級(jí)元素通常會(huì)獨(dú)占一行或者多行，可以對(duì)其單獨(dú)設(shè)置寬度、高度以及對(duì)齊等屬性。

常見的塊級(jí)元素：h1~h6、p、div、ul、ol、li等

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

1）塊級(jí)元素會(huì)獨(dú)占一行；

2）高度、行高、外邊距和內(nèi)邊距都可以單獨(dú)設(shè)置；

3）寬度默認(rèn)是容器的100%；

4）可以容納內(nèi)聯(lián)元素和塊級(jí)元素。

行內(nèi)元素

行內(nèi)元素（內(nèi)聯(lián)元素）：不占有獨(dú)立的區(qū)域，僅僅依靠自己的字體大小或者圖像大小來(lái)支撐結(jié)構(gòu)。一般不可以設(shè)置寬度、高度以及對(duì)齊等屬性。

常見的行內(nèi)元素：a、strong、b、span、em、del等

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

1）和相鄰的行內(nèi)元素在一行；

2）高度和寬度無(wú)效，但水平方向上的padding和margin可以設(shè)置，垂直方向上的無(wú)效。、；

3）默認(rèn)寬度就是其本身的寬度；

4）行內(nèi)元素只能容納純文本或者是行內(nèi)元素（a標(biāo)簽除外）。

注意：

1）只有文字才能組成段落，因此類似p、h1~h6、dt等里面不能放塊級(jí)元素，因?yàn)樗麄兌际俏淖謺?huì)計(jì)標(biāo)簽，里面不能再存放其他的塊級(jí)標(biāo)簽；

2）鏈接里面不能再存放鏈接。

行內(nèi)塊級(jí)元素

再行內(nèi)元素中有幾個(gè)特殊的標(biāo)簽：img、input、td，可以設(shè)置他們的寬高度以及對(duì)齊屬性。

行內(nèi)塊級(jí)元素的特點(diǎn)：

1）和響鈴的行內(nèi)元素在一行，但是中間會(huì)有空白的間隙；

2）默認(rèn)的寬度就是其本身內(nèi)容的寬度；

3）高度、行高、內(nèi)邊距和外邊距都可以設(shè)置。

行內(nèi)元素與塊級(jí)元素相互轉(zhuǎn)換的方法：

塊轉(zhuǎn)行內(nèi)：display: inline;

行內(nèi)轉(zhuǎn)塊：display: block;

塊和行內(nèi)元素轉(zhuǎn)換為行內(nèi)塊元素：display: inline-block;