塊級(jí)元素
在HTML中<div><p><h1><form><ul><li>就是塊級(jí)元素邻梆。設(shè)置display：block就是將元素顯示為塊級(jí)元素守伸。
塊級(jí)元素的特點(diǎn)：
1.每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行（一個(gè)塊級(jí)元素獨(dú)占一行）浦妄。
2.元素的高度含友、寬度替裆、行高以及頂和底邊距都可設(shè)置。
3.元素寬度在不設(shè)置的情況下窘问，是它本身父容器的100%（和父元素的寬度一致）辆童，除非設(shè)定一個(gè)寬度。內(nèi)聯(lián)元素
在HTML中惠赫，<span><a><label><strong><em>就是典型的內(nèi)聯(lián)元素把鉴，也叫行內(nèi)元素。當(dāng)然塊狀元素也可以通過(guò)display:inline將元素設(shè)置為內(nèi)聯(lián)元素儿咱。
內(nèi)聯(lián)元素的特點(diǎn)：
- 和其他元素都在一行上庭砍。
- 元素的高度、寬度以及頂部和底部邊距不可設(shè)置混埠。
3.元素的寬度就是它包含的文字或圖片的寬度怠缸，不可改變。
- 內(nèi)聯(lián)塊狀元素
就是同時(shí)具備內(nèi)聯(lián)元素和塊狀元素的特點(diǎn)钳宪，代碼display:inline-block就是將元素設(shè)置為內(nèi)聯(lián)塊狀元素揭北，<img><input>標(biāo)簽就是這種內(nèi)聯(lián)塊狀元素。
內(nèi)聯(lián)塊狀元素的特點(diǎn)：
1.和其他元素在同一行吏颖。
2.元素的高度搔体、寬度以及頂和底邊距都可設(shè)置。
當(dāng)元素半醉，不論之前是什么類型的元素疚俱，display：none;除外，設(shè)置以下兩個(gè)句子之一的：
1.position：absolute
- float : left 或 float:right
元素的display顯示類型就會(huì)自動(dòng)變?yōu)橐詃isplay:inline-block（塊狀元素）的方式顯示缩多，當(dāng)然就可以設(shè)置元素的 width 和 height 了呆奕，且默認(rèn)寬度不占滿父元素
