CSS盒模型详细讲解
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margin 都是白色的。Margin 比较特别，它不会影响盒子本身的大小，但是它会
影响和盒子有关的其他内容，因此 margin 是盒模型的一个重要的组成部分。
盒子本身的大小是这样计算的：
宽度 = 自身宽度+左内边距+右内边距+左边框+右边框
高度 = 自身高度+上内边距+下内边距+上边框+下边框
值未声明的情况
如果未声明 padding 或者 border，那他们或者值为零(使用 css reset 时)，或者为浏览器的默认值(很可能不是零，尤其是那些通常没有重置的表单元素)
块级盒的默认宽度
如果未声明宽度，并且盒子是静态或者相对定位的，宽度会保持 100%的 宽度，padding 和 border 会向内推动，而不是向外扩展。
但是，如果明确设置盒子的宽度为 100%，那么 padding 就会向外延展。
The lesson here being that the default width of a box isn’t really 100% but a less tangible “whatever is left”. This is particularly valuable to know, since there are lots of circumstances where it is immensely useful to either set or not set a width.
要注意的是，盒子的默认宽度并不真的是 100%，而是剩下的可能值(应该是说，剩余真实存在的宽度 - 糖伴西红柿)。应该了解这个特殊值，因为很多情况下，它对于设置/不设置宽度都是非常有用的。
我遇到的最大的麻烦就是 textarea(文本框) 元素了，它们需要设为宽度为所需的”cols”属性，并且不能包含子元素。因此通常需要明确的设置 textarea 的宽度为 100%，但有 padding 时，就会延展 textarea 的宽度。固定宽度环境下，通常可以设置为合适的像素值宽度，但是变宽情况就没那么幸运了。
http://www.csswang.com/css/61.html
相关文档：
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方 ......
用float时发现margin不起作用，图片和文字并排时老是不能对齐，于是搜到了这篇文章。 -------------------------------------------------------------------------------------------------------------------- 原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址：http://www.zhangxi ......
首先感谢“丸子
”提供的这个
IE8的css hack；
关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9;&n ......
样式选择符命名
选择符以类型分，同类放一起，类的定义顺序以HTML中实际的顺序为参考，以方便查找为主, 使用类似下面的规则:
[模块前缀 | 类型 | 作用]_[名称]_[状态 | 位置]
约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺序，尽量保持在两到三个单词说清用途。
通用名词缩写
设置
set
......
转自：http://blog.csdn.net/wellnode/archive/2010/03/24/5408943.aspx
目前在市面上有多种定位系统，包括
Zigbee
、
WiFi
等，以及最新的
CSS
定位系统。从定位原理上分析，一般的定位系统都可以归纳到基于时间的系统、基于信号强度系统，而这两类系统都有着各自的共性。下面以这两种系统的典型代表
CSS
系统（� ......
