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定制Drupal主题风格
“主题”是Drupal站点的基本外貌和感觉。有时一个特定的站点会安装不止一个的主题。如果站点管理员提供了多个主题，你可以为你的帐号选择你喜欢的默认主题。
Drupal的官方站点提供了许多主题风格，具体见：
http://drupal.org/project/Themes
其中，Spreadfirefox是� ......
99款高质量免费(X)HTML/CSS模板
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://iamsam.blogbus.com/logs/49215789.html
大家都清楚一个网站象征着你和你的品牌，这取决于你如何构建自己的网站。正因为Wordpress越来越受到互联网设计群体的关注，它并不代表最基本的(X)HTML/CSS很丑、很� ......
作者：tinyhill 来自：蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑
1、CSS Clip
剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。
图片剪辑实例（演示）
以下示例演示了如 ......
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
解释一下：
text-overflow ：ellipsis; //让截断的文字显示为点点。还有一个值是clip意思是截断不显示点点
white-space : nowrap; //让文字不换行
overflow : hidden; //超出要隐藏
要显示为点点，3个缺一不可，还有，除了firefox,opera其他浏 ......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
&nbs ......
