CSS（層疊樣式表）區塊?

區塊，最簡單的定義就是：獨佔瀏覽器寬度一整行的元素（除非設定了寬度並浮動，關於浮動後面會講到）。常見的區塊有p，h1-h6標題，div等等，如圖25-1：

工具/原料

任意一款文字編輯器

任意一款網頁瀏覽器

方法/步驟

從下圖25-2中可以看出：p元素和div的背景色從瀏覽器的最左邊一直延伸到瀏覽器的最右邊，這就是區塊。

下面看看不是區塊的元素，如圖25-3，圖25-4所示：

最終效果如圖25-5所示：

那如何把非區塊的元素變成區塊呢？答案是用CSS新增屬性及屬性值：display:block; 如圖25-6，CSS程式碼如圖25-7

最終效果如圖25-8所示：

把區塊變成內聯塊用display:inline;

注意事項

希望對正在學習CSS的同學有幫助