摘要：
浮动四大特性
* 浮动的元素脱标
* 脱离标准流，漂浮，遮盖标准流下的元素
* 浮动的元素互相贴靠
* 没有足够空间互相贴靠时，往边靠
* 浮动的元素有“字围”（文字围绕）效果
* 所谓字围效果，当div浮动，p不浮动，div遮盖住了p，div的层级提高，但是p中的文字不会被遮盖，此时就形成了字围效果。
* 浮动元素紧凑效果（收缩）
* 一个浮动元素。如果没有设置width，那么就自动收缩为文字的宽度（这点跟行内元素很像） 阅读全文
摘要：
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。
浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。
在理解如何创建 CSS 布局之前，你需要理解框模型。 阅读全文
摘要：
层叠
CSS 是 **Cascading Style Sheets** 的缩写，这暗示层叠（cascade）的概念是很重要的。在最基本的层面上，它表明CSS规则的顺序很重要，但它比那更复杂。什么选择器在层叠中胜出取决于三个因素（这些都是按重量级顺序排列的——前面的的一种会否决后一种）：
1. 重要性（Importance）
2. 专用性（Specificity）
3. 源代码次序（Source order） 阅读全文