1.缩减页面代码，加快解析速度，提高网页浏览速度,减少带宽成本; 
? 
2.结构清晰明了，容易被搜索引擎抓捕，利于seo的优化;

3.方便改版，只要修改相应的CSS文件就重新设计了一个站点;

4.CSS容易上手，可以很轻松地编写CSS;

5.表现和内容相分离。css样式单独放在一个文件夹中; 

6.Table 布局灵活性不大，只能遵循 table tr td 的格式。而div可以 div ul li 也可以 ol li 还可以 ul li只要控制一下样式表现可以完全一样;

7.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不直观。而Div更能体现样式和结构相分离，结构的重构性强;

8.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面;

9.可以轻松地控制页面的布局 。

10.可以将许多网页的风格格式同时更新，不用再一页一页地更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的属性，整个站点的所有页面就都会发生变动了;

顺便说下在布局中最常用的标签

h1

标题时使用：默认在各浏览器中的显示不一样，在样式中统一规定。

ul li

列表标签；定义导航，新闻列表，图片列表。

span

在布局上能带来不少的方便，因为它不是块级元素。

h2

副标题使用最多,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p

img

常见的图片属性p段落使用的标签

注意：使用合适的标签布局不能像Table一样用DIV+CSS，无穷尽的嵌套，其效果与Table设计没有两样，并不会带来搜索引擎的优化效果，反而会增加页面的负担。