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定位
说了这么多，难以理解！以常见的左、中、右三个板块布局举例，不用理解每
相关文档：
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
首先感谢“丸子
”提供的这个
IE8的css hack；
关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9;&n ......
查看原文：http://www.csswang.com/css/110.html
导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。
虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键，但视觉效果也不能影响到网站可用性。最理想的 ......
CSS的优化通常包括两方面: 格式化CSS和精简CSS
。
精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。
格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式
下面是一些在线的CSS优化工具，能让你方便的对CSS文件� ......
1、IE分不清继承关系和父子关系的差别，全部都是继承关系。
2、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深� ......
