在几年前大家都是用table来布局，一层套一层，没发现什么不妥，一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚，当然啦，现在还不是很清楚，至于《网站重构》这本书我也没看过几页，不敢说自己什么都了解。但就目前而言，还是有很多朋友是从table布局转变过来，也包括我自己在内。
看了网上很多教程以及很多朋友的文章或者是提到的问题，代码结构中少不了的是div。甚至看到代码结构中除了div标签在body中外，找不到其他用来处理结构的标签了。或许就是因为如此，才出现了div+css，用div来做布局，结合css来表现样式，那这样就是标准了？
是把table换成了div，把td换成ul来排列后，那其他xhtml的标签怎么办呢？
或许有朋友会说“我是用div来布局，所以要叫div+css，而且现在大家都这样叫啊”。嗯，没错，因为div在xhtml中没有语意（也可以称为区域划分、部分），而且是块元素，用在布局方面比较合理。但如果因为如此而把div独立出来称呼为了div+css，貌似跟xhtml可以平起平坐了。就好比你的辈分原本就是晚辈，却跑去跟长辈争上座，太不像话了，不是吗？
以上只是个人在文字方面对网络上到处可见的div+css一些看法，文字表达方面不对的地方大家批评，但最终希望的大家明白，div+css只是一种通俗的称谓，div不是主要的东西，主要的是xhtml。
采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点。其实，早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。 个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：
1：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。
2：提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。
3：提高页面浏览速度
对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。
4：易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
从以上的描述来看，采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。
什么是CSS＋DIV
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
本集视频讲解要点
1.基本的CSS选择器；
2.复合CSS选择器的集中形式；
3.交集CSS规则；
4.并集CSS规则；
5.上下文CSS规则；
《浅谈CSS和XHTML及Web标准》配套视频教程下载
>>> 千脑下载：浅谈CSS和XHTML及Web标准【中】
>>> Ziddu下载：浅谈CSS和XHTML及Web标准【中】