2.3 塊元素與內聯元素

塊（block）元素的特點為：①總是在新行上開始；②高度（行高）、邊距和填充都可控制；③寬度默認是父容器的100%，除非設定一個寬度；④它可以容納內聯元素和其他塊元素。

內聯（inline）元素（又稱行內元素）的特點為：①和其他元素都在一行上；②高度（行高）、邊距和填充不可改變；③寬度就是它的文字或圖片的寬度，不可改變；④內聯元素只能容納文本或者其他內聯元素。

塊元素和內聯元素較多，這里就不一一列舉了。下面以最常用的DIV和SPAN這兩個容器元素為例，對這兩種元素作進一步說明。

基本語法：

語法說明：

DIV和SPAN都是HTML的樣式元素，都可以使用ID或CLASS定義樣式。

DIV是一個文檔結構元素，<div>標簽定義HTML文檔中的分隔（Division）或部分（Section）。<div> 標簽是塊元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等，默認沒有對元素內的對象進行任何格式化渲染，主要通過CSS樣式表來進行格式化。瀏覽器通常會在DIV元素之前和之后插入換行符<br>，通過設置<div>的z-index屬性還可以設置層次的效果。

SPAN是一個內聯元素，沒有實際語義，主要用來制作文字效果，尤其是標題和鏈接的效果，它的存在純粹是為了應用樣式，給一段內容加上<span>標簽并為其定義樣式來設定包裹內容的樣式。如果不對SPAN元素應用樣式，那么SPAN元素中的文本與其他文本不會有任何視覺上的差異，只有對它應用樣式時，才會產生視覺上的變化。

一般在使用上建議用<div>標簽包含<span>標簽，但<span>最好不包含<div>標簽。

雖然DIV是塊元素，SPAN是行內元素，但塊元素和行內元素也不是一成不變的，只要給塊元素定義display:inline樣式就成了行內元素，而給行內元素定義display:block樣式就成了塊元素。