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 参考这网站
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
The Lovely CSS Framework is a simple and straight forward way to easily
deploy an XHTML/CSS site.
Based on a simple 960px wide grid system, featuring multiple column layouts,
and various pluggable add-ons.
这个由 Constantinos Demetriadis 创建的项目是一个 CSS 框架，基于 960.gs，还拥有一个插件 ......
作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次 原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现� ......
1、十六进制的颜色值对位数与大小写
编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。
* 不赞成 - color:#f3a;
* 建议用 - color:#FF33AA;
2、disp ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？
这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章：about best practices . Google当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。
让我们了解下他们主要倡 ......
