不加区别地使用通配选择器可能存在的问题之一，由于他能匹配任何袁术，所以通配选择器往往有一种短路继承的效果。
层叠
如果特殊性相等的两个规则相同同时应用到同一个元素，浏览器会通过层叠解决这个冲突。
css所基于的方法就是让样式层叠在一切，这是通过结合继承和特殊性做到的。层叠的规则：
1）找出所有相关的规则，这些规则都包含与一个给定元素匹配的选择器。
2）按显式权重对应用到该元素的所有声明排序。标志!important的规则的权重要高于没有 !important标志的规则。声明权重考虑5级：（权重有大到小顺序依次为）
1.读者的重要声明
2.创作人员的重要声明
3.创作人员的正常声明
4.读者的正常声明
5.用户代理声明
3）按特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低特殊性的元素。
4）按出现顺序对应用到给定元素的所有声明顺序。一个声明在样式表或文档中越后出现，他的权重就越大。。如果样式表中有导入的样式表，一般认为出现在导入样式表中的声明在前，在主样式表中的所有声明在后。
注意：多类选择符，以空格分割不同的类名，但是根据层叠的规则，元素中的类的顺序无关，而是与样式表声明的位置有关。
CSS Code复制内容到剪贴板
<div class = "box red blue yellow"></div>
red和blue和yellow设置冲突的背景颜色属性，但是，box最终显示的颜色和html中这三个类顺序无关。声明样式表如下：
CSS Code复制内容到剪贴板
.red{background: red;}
.yellow{background: yellow;}
.blue{background: blue;}
box最终显示的颜色以声明的顺序有关，最终显示为blue背景颜色。
基本视觉格式化
css包含如此开放、如此强大的一个模型，对于这样一个模型，可以有无数种方法结合应用各种属性，可以得到的效果数不胜数。
基本框
css假定每个元素都会生成一个或多个矩形框，这称为元素框。各元素中心有一个内容区，这个内容区周围包含可选的内外边距和边框（之所以认为是可选，是因为可以设置为0）。
对不同类型的元素格式化时存在着差别。块级元素的处理就不同于行内元素，而浮动元素和定位元素也分别有各自不同的表现。
包含块
每个元素都相当于包含块摆放；可以这么说，包含块就是一个元素的”布局上下文“，css2.1定义了一系列规则来确定元素的包含块。
