如果一个元素包含2个类，而且这2个类中有相同的属性，后面的覆盖前面的，除非，有属性加了!important
例如
<div class="ca cb">text</div>.ca {
color:blue
}
.cb {
color:red
}
字体颜色是红色
如果在同一个类中出现了多次相同的属性，最后出现的且生效的属性覆盖前面
例如
.ca {color:red
color:blue
color:#ffff
}
字体颜色是蓝色，因为最后一个是不支持的颜色
当元素同时带有class和style时，style属性覆盖class的同名属性，除非，属性设置有!important
例如
<div class="ca" style="color:#000">text</div>.ca {
color:red
color:blue !important
color:#ffff
}
颜色仍是蓝色，若未加important，则是黑色
1..not-a-square{<br>border-radius: 10px<br>-webkit-border-radius: 10px<br>-moz-border-radius: 10px<br>}实际上，按照我们的逻辑思考，后面的书写也应该不会产生问题啊。比如说，火狐即支持border-radius: 10px又支持-moz-border-radius: 10px属性，后面的overwrite前面的也没有问题啊。但是，事实上，事情不是我们想的那么简单的。
1. 很久很久以前：浏览器即不宠幸前缀CSS3也不宠幸纯情CSS3(border-radius)；2. 不久之前：浏览器只宠幸前缀CSS3，不宠幸纯情的CSS3；3. 现在：浏览器不仅宠幸前缀CSS3属性，还宠幸纯情CSS3属性；
三维变形当中，存在三个轴，分别是X，Y，Z默认情况下，Z轴是垂直于元素（如div），向上的，也就是在你不进行任何旋转操作时，Z轴是垂直于电脑屏幕向外的
Z轴的值越大，也就越靠外
CSS3的三维变形transform当中，有translateZ()，用于进行Z轴的平移，不同的层在不同的Z轴位置，就出现了层叠感。
