HTML可以將元素分類方式分為行內元素、塊狀元素和行內塊狀元素三種。首先需要說明的是，這三者是可以互相轉換的，使用display屬性能夠將三者任意轉換：

(1)display:inline;轉換為行內元素

(2)display:block;轉換為塊狀元素

(3)display:inline-block;轉換為行內塊狀元素

塊狀元素：

1. 總是在新行上開始。
2. 高度，行高以及外邊距和內邊距都可控制。
3. 寬度缺省是它的容器的100%，除非設定一個寬度。
4. 它可以容納內聯(lián)元素和其他元素。

內聯(lián)元素：

 1. 和其他元素都在一行上；
 2. 高，行高及外邊距和內邊距不可改變；
 3. 寬度就是它的文字或圖片的寬度，不可改變；
 4. 內聯(lián)元素只能容納文本或者其他內聯(lián)元素；

對內聯(lián)元素，需注意如下：
1. 設置寬度 width 無效。
2. 設置高度 height 無效，可以通過line-height來設置。
3. 設置margin 只有左右margin有效，上下無效。
4. 設置padding只有左右padding有效，上下則無效。注意元素范圍是增大了，但是對元素周圍的內容是沒影響的。

內聯(lián)塊狀元素

 1. 不自動換行；
 2. 能夠識別寬高；
 3. 默認排列方式為從左到右；