塊級元素

每個塊級元素通常會獨佔一行或是多行，可以對其設定寬度，高度和對齊。

常見的塊級元素有：

• h1~h6
• p
• div
• ul, li, ol

特點

• 塊級元素會獨佔一行
• 高度，行高，外邊距和內邊距都可以單獨設定
• 寬度預設是容器的100%
• 可以容納內聯元素和其他的塊級元素

行內元素

行內元素（內聯元素）：不佔有獨立的區域，僅僅依靠自己的字型大小或者是影象大小來支撐結構。一般不可以設定寬度，高度以及對齊等屬性。

常見的行內元素有：

• a
• span
• strong
• b
• em
• del

行內元素的特點：

• 和相鄰的行內元素在一行上
• 高度和寬度無效，但是水平方向上的padding和margin可以設定，垂直方向上的無效
• 預設的寬度就是它本身的寬度
• 行內元素只能容納純文字或者是其他的行內元素（a標籤除外）

行內塊級元素

在行內元素中有幾個特殊的標籤，img，input，td

可以設定他們的高寬度和對齊。

顯示模式的轉換

塊轉行內：display: inline

行內轉塊：display: block

行內轉行內塊：display: inline-block