过去最常用的网站设计布局工具是标签，它本是用来创建电子数据表的，由于 table标签本来不是要用于布局的，因此设计师不得不经常以各种不寻常的方式来使用这个标签，如把一个表格放在另一个表格的单元中。这种方法的工作量很大，增加了大量额外的HTML代码，并使得后面要修改设计变得很难。

而CSS的出现使得网站设计布局有了新的曙光。利用CSS属性，可以精确地设定元素的位置，还能将定位的元素叠放在彼此之上。当使用CSS布局时，主要把它用在div标签上，div相当于一个容器，可以放置段落、表格、图片等各种HTML元素。

网站设计采用CSS布局有以下优点

大大缩减页面代码，提高页面浏览速度，缩减带宽成本。

网站结构清晰，容易被搜索引擎搜索到。

缩短网站改版时间，只要简单地修改几个CSS文件就可以重新设计一个有成百上千网站的站点。

强大的字体控制和排版能力。

CSS非常容易编写，可以像写HTML代码一样轻松地编写CSS。

提高易用性，使用CSS可以结构化HTML，如

标记只用来控制段落、heading标记只用来控制标题、table标记只用来表现格式化的数据等。

表现和内容相分离，将设计部分分离出来放在一个独立样式文件中。

更方便搜索引擎的搜索，用只包含结构化内容的HTML代替嵌套的标记，搜索引擎将更有效地搜索到内容。

网站设计使用table布局，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不直观。而DIV更能体现样式和结构相分离，结构的重构性强。

可以将许多网站设计风格格式同时更新，不用一页一页地进行更新。可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。