为了让大家明白CSS的作用，以及为什么要用CSS代替HTML表格进行网页排版，下面通过一个实例向大家讲解。 其中一个页面通过HTML进行格式化，另一个页面通过CSS进行格式化。

HTML格式化实例

HTML代码如下所示：

 
下载吧
 
下载吧CSS教程
 
xiazaiba
 
xiazaiba all rights reserved.
 
瓦力旗下
 
广东瓦力网络科技有限公司
 

用单词“orange”替换“瓦力旗下”前的“green”，点击“视图”窗口，文本现在将显示为橙色。从以上实例可见，通过HTML格式化网页不仅繁琐还容易出错。

CSS格式化实例

HTML代码如下所示：

用单词“orange”替换“瓦力旗下”前的“green”，点击“视图”窗口，文本现在将显示为橙色。从以上实例可见，通过HTML格式化网页不仅繁琐还容易出错。

CSS格式化实例

HTML代码如下所示：

内容与前一个文档完全相同，只不过是通过CSS格式化的。你可以试着将两处color后面的单词更改为black/red等。

通过两个实例，你明白了为什么要用CSS控制页面效果了吗？