div+css领悟
抽时间认真学学成大势的div+css网页设计方式，先记下关键概念的领悟吧，有助对这种网页设计方式有个很好的领悟。要知道 任何东西 要知道所以然才能灵活运用，才能谈的上创新。
1、首先考虑页面的结构
所谓结构就是看看页面有那些内容块”结合构成“，列出这些内容结构块，然后进行提取，整理最后需要的一个列表。
整理就是对内容块进行合理划分，尽量提取重用部分，最后形成一份剔除重复的块，重用粒度合理的一个列表。
2、结构和布局的分离。
结构和布局不是一回事，现有结构后才考虑布局，布局是建立在结构基础之上的，是对结构的一种渲染。就好像我在设计服装之前要知道服装的构成：有领子，纽扣，口袋，袖子等构成，然后在考虑领子用啥颜色，形状，口袋放到那个位置。对这些元素进行修饰后就成了不同款式的衣服了。div就是结构块，css就是起的这个左右的布局工具，对同一个结构可以使用不同的css布局样式，那么就形成了不同风格的页面表现形式。而结构体块是不变的。
3、结构的表现属性和css关系
所有结构的表现属性都可以用css代替实现，而且要求不再使用结构的表现属性，而是用css代替，即实现结构和布局样式的完全分离，这个可以方便对一套结构进行多种表现渲染。
4、css id 和class的定义区别和使用原则
css选择器有两种不同的定义方式一个面向id 一个面向类型（class）以及面向结构元素
有些文章说类可以重复用，其实不是重复用，而是类是用来生成实例的，它可以生成无数个实例而不是重复实例；为什么id在页面中不可以重复，因为id是每一个具体实例的唯一标识，就像ip地址或身份证号一样；为什么id（应该说实例）属性的优先级比类的高了，因为id定义的是某个具体实例上的属性，例如秃子，戴眼镜等属性，这是个性，优先级当然高于共性。这样也容易理解p.jam{...}的写法了，“.”后面的大，是类，“.”前面的小，是实例（在这里是一个具体的元素），大家想想网站的域名吧，域名里的“.”就是“@”，也就是“at”，“.”后面的比前面的大，后面的必须大，才能让前面的“在”它上面，否则成不住前面的东西。
参考资料：
1、http://www.52css.com/article.asp?id=6 这个很好，有助理解
2、http://www.52css.com 参考这网站
相关文档：
Internet Explorer 8预设是以CSS 2.1为标准，并修正了许多Internet Explorer 7的CSS Bug，这意味着有一部份以往依据IE 7所设计的网页，
在IE 8上的呈现会有所出入，所幸拜IE 7相容检视功能所赐，目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计，尽早将网站修改为IE 8相容才是长久 ......
作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次 原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现� ......
作者：tinyhill 来自：蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑
1、CSS Clip
剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。
图片剪辑实例（演示）
以下示例演示了如 ......
+++ 每搞IT的人都知道B/S系统的DIV+CSS结构，知道它的好。但如果你问，DIV+CSS结构是什么？好在哪里?实际项目应该如何体现或实现？每个人都能和你白伙几句，有些人甚至会滔滔不绝，而往往这些滔滔不绝的人也只是听另一些滔滔不绝的人说的，仅仅是“接收”并“接受”了信息，That is all，就像一张磁盘� ......
在写《我如何看待DIV+CSS》的时候
我想到：
代码没有行与不行的分别
而只有好与不好的差距
好与不好都能完成相应的功能
一个功能少了能写，多了也能写
编程语言就那么几个关键字、那么几条控制语句
虽然框架或类库的类很多
但也不是没个数的
可是那些计算机大师们啊
却能写出让人觉得“美”的代码
为� ......
