為了讓大家明白CSS的作用，以及為什麼要用CSS代替HTML表格進行網頁排版，下面通過一個例項向大家講解。 其中一個頁面通過HTML進行格式化，另一個頁面通過CSS進行格式化。
工具/原料
Dreamweaver
方法/步驟
HTML格式化例項
HTML程式碼如下所示：
下載吧
下載吧CSS教程
xiazaiba
xiazaiba all rights reserved.
瓦力旗下
廣東瓦力網路科技有限公司
用單詞“orange”替換“瓦力旗下”前的“green”，點選“檢視”視窗，文字現在將顯示為橙色。從以上例項可見，通過HTML格式化網頁不僅繁瑣還容易出錯。
CSS格式化例項
HTML程式碼如下所示：
下載吧
下載吧CSS教程
xiazaiba
xiazaiba all rights reserved.
瓦力旗下
廣東瓦力網路科技有限公司
內容與前一個文件完全相同，只不過是通過CSS格式化的。你可以試著將兩處color後面的單詞更改為black/red等。
通過兩個例項，你明白了為什麼要用CSS控制頁面效果了嗎？