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 参考这网站
相关文档：
作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次 原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现� ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
作者：tinyhill 来自：蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑
1、CSS Clip
剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。
图片剪辑实例（演示）
以下示例演示了如 ......
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
2、CSS样式命名规范
本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单 ......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
&nbs ......
