DIV + CSS 入门
一、什么是DIV+CSS？
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签，表现主要包括CSS（层叠样式表：Cascading Style Sheets）， 行为主要包括例如对象模型（如W3C DOM）、ECMAScript等。
在我们日常所说的“利用DIV + CSS开发”概念中，DIV指的是包括DIV在内的一系列HTML(XHTML)标签，这些标签中除了DIV外，还包括例如span,ul等数十个标签元素。CSS即样式表，是对DIV等标签结构的一种描述，例如位置、边框颜色等。
二、为什么使用DIV+CSS？
“利用这种模式开发的站点是符合WEB设计标准的”。但这种标准给我们带来了什么？仅仅是提高开发难度吗？下面的文字是对WEB标准带来的部分好处的描述：
更简易的开发与维护: 使用更具有语义和结构化的 HTML，将让您更加容易、快速的理解他人编写的代码。
与未来浏览器的兼容: 当您使用已定义的标准和规范的代码，那么您这个向后兼容的文本就消除了不能被未来的浏览器识别的后患。
更快的网页下载、读取速度: 更少的 HTML 代码带来的将是更小的文件和更快的下载速度。如今的浏览器当处于标准模式下将比它在向下兼容模式下拥有更快的网页读取速度。
更好的可访问性: 语义化的HTML（结构和表现相分离）将让使用读屏器以及不同的浏览设备的读者都能很容易的看到内容。
更高的搜索引擎排名: 内容和表现的分离使内容成为了一个文本的主体。与语义化的标记结合会提高您在搜索引擎中的排名。
更好的适应性: 一个用语义化标记的文档可以很好的适应于打印和其他的显示设备（像掌上电脑和智能电话），这一切仅仅是通过链接不同的 CSS 文件就可以完成。你同样可以仅仅通过编辑单独的一个文件就完成跨站点般的表现上的转换。
三、“table”一无是处了吗？
当然不会，表格会是它最好的归属，也是它诞生的初衷，只是在对网页元素的定位上取而代之是更擅长的“DIV+CSS”。
细心的人会问，为什么取代table的是div+css，而不是div呢？ 是的，从标签上讲，的确是div取代了table，但是按照WEB开发标准，结构和表现是分开的。除了有div这个标签外，我们还需要利用css对这个标签进行描述。
四、实例说明table定位和DIV+CSS定位
说了这么多，难以理解！以常见的左、中、右三个板块布局举例，不用理解每
相关文档：
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。
定位的定义：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index� ......
一个只用CSS就可以设置网页中居中层的方法。
今天重新尝试的时候居然不好用了。
还好以前的页还有，还能打开。
代码一摸一样就是不好用。
于是乎一段段的删除，希望能找到点线索。
css删得只剩下这段设置代码，不好用。
javascript中难道做手脚了，接着删，还是不好用。
最后删没了终于 ......
CSS的优化通常包括两方面: 格式化CSS和精简CSS
。
精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。
格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式
下面是一些在线的CSS优化工具，能让你方便的对CSS文件� ......
1.基本语法：
选择符名字 { 声明; }
选择符名字命名规则：
CSS选择符可以使用英文字母的大写与小写,数字,连字号,下划线,冒号,句号.
2.分类：
在Andy Budd的《CSS MASTERY》（中译《精通CSS》）中，将CSS选择符分为：常用选择符、通用选择符和高级选择符。常用选择符包括：类型选择符、类选择符、ID选择符、后� ......
