要理解display:inline、block、inline-block的區別，需要先瞭解HTML中的塊級（block）元素和行級（inline）元素的特點，行內元素也叫內嵌元素。
高度，行高以及頂、底邊距都可以控制；
寬度預設是它所在容器的100%，除非設定一個寬度。
區塊層級元素通常作為其他元素的容器，可以容納內嵌元素和其他塊元素。block element的HTML標籤如下：
address-地址
blockquote-區塊引述
center-置中對齊塊
div-常用區塊層級元素
dl-定義列表
form-互動表單
fieldset-form控制組
hr-水平分隔線
ol-排序表單
ul-非排序列表
dir-目錄列表
p-段落
pre-格式化文本
isindex-input prompt
menu-菜單列表
table-表格
h1...h6-標題
noframes-frames可選內容（對於不支援frame的瀏覽器顯示此區塊內容）
noscript-可選指令碼內容（對於不支援script的瀏覽器顯示此內容）
高度，行高以及頂、底邊距不可改變；
高度就是它所容納的文字或圖片的寬度，不可改變。
一般都是基於語義級（semantic）的基本元素，只能容納文本或者其他內嵌元素，內嵌元素的HTML標籤分類如下：
abbr-縮寫
acronym-首字
font-字型設定（不推薦）
b-粗體（不推薦）
big-bidi override
em-強調
br-換行
small-小字型文本
strong-粗體強調
i-斜體
img-圖片
input-輸入框
label-表格標籤
select-項目選擇
textarea-多行文本輸入框
u-底線
var-定義變數
cite-引用
code-電腦代碼（在引用源碼的時候需要）
dfn-定義欄位
kbd-定義鍵盤文本
q-短引用
s-中劃線（不推薦）
strike-中劃線
sub-下標
sup-上標
tt-電傳文本
button-按鈕
del-刪除文本
iframe-inline frame
ins-插入的文本
map-圖片區塊（map）
object-object對象
script-用戶端指令碼
