常見塊級元素：address、div、dl、form、h1-h6、menu、ol、ul、li、p、table、header、nav、footer、article、section等

常見內聯(lián)元素：a、br、font、img、input、label、select、span、textarea、b、small

塊級元素具有以下特點：
1. 總是在新行上開始，占據一整行
2. 高度、行高以及內外邊距都可以控制
3. 寬帶始終是與瀏覽器寬度一樣，與內容無關
4. 它可以容納內聯(lián)元素和其他塊元素

內聯(lián)元素的特點：
1. 和其他元素都在一行上
2. 高、行高以及內外邊距部分可改變
3. 寬度只與內容有關
4. 行內元素只能容納文本或者其他行內元素
5. 不可以設置寬高，其寬度隨著內容增加，高度隨字體大小而改變，內聯(lián)元素可以設置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設置內邊界，但是內邊界在 ie6 中不對上下起作用，只能對左右起作用。

CSS 改變元素類型

display: block? ? ? ? 顯示為塊級元素
display: inline? ? ? ? 顯示為內聯(lián)元素
display: inline-block? ? ? ? 顯示為內聯(lián)塊級元素，表現為同行顯示并可修改寬高內外邊距等屬性

注意：內聯(lián)元素的 margin-left / margin-right 及 padding-right / padding-left 是可以控制的，所以可以通過這四個屬性來控制內聯(lián)元素的寬度。
內聯(lián)元素的內部也可以放塊級元素標簽，而且內部的塊級元素標簽會撐大外部的內聯(lián)標簽，所以可以通過放塊元素來控制內聯(lián)元素的高度。