塊級(jí)元素（block）

特點(diǎn)

1、每個(gè)塊級(jí)元素都從新的一行開(kāi)始，并且其后的元素也另起一行（霸道吧，一個(gè)塊級(jí)元素獨(dú)占一行）

2、塊級(jí)元素的高度，寬度，行高以及頂和底邊距都可以設(shè)置

3、塊級(jí)元素在不設(shè)置寬度的時(shí)候，是其本身父容器的100%（和父元素寬度一致），除非自己設(shè)置寬度

那么，問(wèn)題來(lái)了，我想成為霸道的塊級(jí)元素怎么辦呢？

<div><p><h1><form><ul><li>等就是塊級(jí)元素

設(shè)置display:block就是將元素顯示為塊級(jí)元素

內(nèi)聯(lián)元素（行內(nèi)元素）（inline）

先問(wèn)個(gè)問(wèn)題，內(nèi)聯(lián)元素是個(gè)什么鬼？

在HTML中，<span><em><strong><a><label>就是典型的內(nèi)聯(lián)元素

塊級(jí)元素也可以通過(guò)設(shè)置display:inline成為內(nèi)聯(lián)元素

呵呵呵呵，據(jù)我猜測(cè)，接下來(lái)該說(shuō)特點(diǎn)了吧！

O__O "…如你所愿：

1、和其他元素都在一行上；

2、元素的高度、寬度及頂部和底部邊距不可設(shè)置；

3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

內(nèi)聯(lián)塊狀元素（inline-block）

別說(shuō)話，讓我猜猜：

這貨應(yīng)該就是內(nèi)聯(lián)元素和塊狀元素的結(jié)合體，哈哈哈哈

。。。先把特點(diǎn)奉上：

1、和其他元素都在一行上；

2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。

凸(艸皿艸 )，我覺(jué)得這貨牛，我要去見(jiàn)見(jiàn)他們：

代碼display:inline-block就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素

<img><input>就是內(nèi)聯(lián)塊狀元素標(biāo)簽