元素按照顯示方式主要可以分為塊級(jí)元素和行內(nèi)元素，元素的顯示方式由display屬性控制。

塊級(jí)元素特點(diǎn)總結(jié)：

1、總是在新行上開始

2、寬度的默認(rèn)為width+margin-left+margin-right+padding-left+padding-right剛好等于父級(jí)元素的內(nèi)容區(qū)域?qū)挾龋锤冈氐膚idth。當(dāng)設(shè)定新的寬度，如果寬度是100%，并且padding、margin不為零，導(dǎo)致塊級(jí)元素寬度溢出父元素

3、盒子模型的高度默認(rèn)由內(nèi)容決定

4、盒子模型中高度、寬度和內(nèi)外邊距都是可控制

5、可以容納行內(nèi)元素和其他塊級(jí)元素。

行內(nèi)元素（diaplay:inline）特點(diǎn)總結(jié)：

1、和其他非塊級(jí)元素在同一行

2、盒子模型中高度、寬度、上下margin、上下padding設(shè)置無(wú)效，只能設(shè)置左右的margin和左右的padding

3、寬度就是文字或圖片的寬度，不可改變

4、行內(nèi)元素的寬度和高度都不能直接設(shè)置

5、行內(nèi)元素只能容納文本或其他行內(nèi)元素，在行內(nèi)元素中放置其他的塊級(jí)元素會(huì)引起不必要的混亂

行內(nèi)塊元素（display：inline-block）的特點(diǎn)：

行內(nèi)塊元素可以設(shè)置寬、高、內(nèi)外邊距，可以簡(jiǎn)單理解為行內(nèi)塊元素就是把塊級(jí)元素以行的形式展示，保留了塊級(jí)元素對(duì)寬、高、內(nèi)外邊距的設(shè)置。