重学前端——3. css基础

1. 样式的解析原理：
   .a .b .c {}
   这样的写法，浏览器的工作模式是从右向左，先找到类名为c的元素，再看祖先元素是否有类为b的元素，再看b的祖先是否有a类的元素。这样的查询速度会比较高效。

2. 选择器的权重值
   id 100
   类 属性 伪类 10
   元素 伪元素 1
   其他 0
   不进位 id 永远大于类，其他同理

3. !important优先级最高
   元素属性 优先级高
   相同权重 后写的生效

4. 对于inline元素，line-height会撑高所占空间，但是高度不会改变；
   vertical-align 默认是baseline；可选top/middle/bottom；

5. 关于图片的空白
   图片是inline-block元素，按照inline排版，按照baseline对齐，会与底部与一小段距离，可以设置vertical-align:bottom,也可以设置display:block;