塊元素：
塊元素又名塊級元素(block element)，和其對應的是內聯元素(inline element)，都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始，相鄰的塊級元素將會在不同行顯示。而當加入了css控制以後，塊元素和內聯元素的這種屬性差異就不成爲差異了。比如，我們完全可以把內聯元素加上display:block這樣的屬性，讓它也有每次都從新行開始的屬性，即成爲塊元素同樣我們可以把塊元素加上display:inline這樣的屬性，讓它也在一行上排列。
內聯元素：
內聯元素又名行內元素(inline element)，和其對應的是塊元素(block element)，都是html規範中的概念。內聯元素的顯示，爲了幫助理解，可以形象的稱爲“文本模式”，即一個挨着一個，都在同一行按從左至右的順序顯示，不單獨佔一行。而當加入了css控制以後，塊元素和內聯元素的這種屬性差異就不成爲差異了。比如，我們完全可以把內聯元素加上display:block這樣的屬性，讓它也有每次都從新行開始的屬性，即成爲塊元素同樣我們可以把塊元素加上display:inline這樣的屬性，讓它也在一行上排列。
block元素的特點
①總是在新行上開始；
②高度，行高以及外邊距和內邊距都可控制；
③寬度缺省是它的容器的100%，除非設定一個寬度。
④它可以容納內聯元素和其他塊元素
inline元素的特點
①和其他元素都在一行上；
②高，行高及外邊距和內邊距不可改變；
③寬度就是它的文字或圖片的寬度，不可改變
④內聯元素只能容納文本或者其他內聯元素
