CSS 塊級元素與內聯元素及其轉換

常見塊級元素：address、div、dl、form、h1-h6、menu、ol、ul、li、p、table、header、nav、footer、article、section等
常見內聯元素：a、br、font、img、input、label、select、span、textarea、b、small
塊級元素具有以下特點：
1. 總是在新行上開始，占據一整行
2. 高度、行高以及內外邊距都可以控制
3. 寬帶始終是與瀏覽器寬度一樣，與內容無關
4. 它可以容納內聯元素和其他塊元素
內聯元素的特點：
1. 和其他元素都在一行上
2. 高、行高以及內外邊距部分可改變
3. 寬度只與內容有關
4. 行內元素只能容納文本或者其他行內元素
5. 不可以設置寬高，其寬度隨著內容增加，高度隨字體大小而改變，內聯元素可以設置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設置內邊界，但是內邊界在 ie6 中不對上下起作用，只能對左右起作用。
CSS 改變元素類型
display: block        顯示為塊級元素
display: inline        顯示為內聯元素
display: inline-block        顯示為內聯塊級元素，表現為同行顯示並可修改寬高內外邊距等屬性
注意：內聯元素的 margin-left / margin-right 及 padding-right / padding-left 是可以控制的，所以可以通過這四個屬性來控制內聯元素的寬度。
內聯元素的內部也可以放塊級元素標簽，而且內部的塊級元素標簽會撐大外部的內聯標簽，所以可以通過放塊元素來控制內聯元素的高度。