优点如下：
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设计没有两样，并不会带来搜索引擎的优化效果，反而会增加页面的负担