###很多css中遇到零散的小问题，怕自己忘了，就mark一下：

当优先级相同时，元素最终会应用CSS文件中靠后的声明。

这就是为什么做响应式布局时，@media min-width要把小宽度放前面，大宽度放后面。

错误的示范：

@media (min-width: 1200){ //>=1200的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 768px){ //>=768的设备 }

当宽度为1440时,由于1440满足三个条件，所以会应用靠后的那个声明，即768的声明。

ps,链接的正确顺序:focus -> :hover -> :active

多个inline-block的div中，有内容的div会下沉。

• 原因：高度伸展的方向是不一样的。当有文字的时候，高度是向下扩展的，没文字的时候是向上扩展的。

• 办法：加vertical-align。

webkit不支持带小数点的border，会把border的小数点位省略掉，IE不会。

为了rem方便计算，将HTML的字号调整为62.5%，即10px。但是webkit默认字号不允许小于12px，所以即使设置了62.5%，浏览器还是当做12px去处理。如果是chrome27-，可以用以下办法解决。

html{
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}