1. 所有的元素都遵循盒子模型，即内容部分+padding(填充部分)+border+margin(外边距部分);
2.我们平常定义的width与height指的内容部分的长宽;
3. 行内元素在不改变padding的情况下，只能靠实际内容来撑开盒子,设置其内容长宽没用，通过display:block可以让行内元素变成块级元素（显示设置的内容长 宽）。改变padding也能改变行内元素的盒子大小。
4.两个盒子的外边距会叠加；
5.命名空间思想可以辅助css定义样式类时避免样式污染；
6.块级元素可以通过diaplay:inline来实现在同一行上排列;
7.padding与margin确定时，遇到宽度不够时，会优先挤压内容块，迫使内容可能发生转行显示.此时克能会改变盒子的高度;
8.布局定位的实现方式有很多，只要能被浏览器正确解析，都是可以的，但要注意position:absolute与fixed的在文档流里的特性以及可能发生的错误；
总结一点：个人实际操作中觉得css最大的难处不在于布局和样式设置，而在于内容多了之后，如何避免样式设置时发生样式污染，做到精准的控制。
原文：http://www.cnblogs.com/zhu-xingyu/p/5263964.html