css中的糟粕

1. 标准盒模型

box-sizing

2. font缩写

要少用,因为一旦定义,如果没写全,就会有继承的问题

正确的顺序是：
font:是否斜体 字体粗细 字体大小/行高 字体样式

例子：
font: italic bold 12px/18px Arial, Helvetica, sans-serif ;
当然最常用的是下面的写法：
font: bold 12px/18px Arial;

3. 浮动

浮动的原理是用inline元素包裹block元素让之水平展示

没有基于表格的可访问性问题,维护问题以及性能问题.

但可能会造成内容的缺失,是IE的margin bug的罪魁祸首

尽管flexbox已经出现了,但离抛弃浮动还有很长的距离(兼容性还不太好,就是平分的意思)

流体布局才是王道

4. 私有前缀

5. id和样式同流

id跟脚本挂钩

6. vertical-align

兼容性差,用处不大

7. 垂直方向margin重叠

产生的原理的解决办法参考另外一篇文章

8. width 100%

CSS中的百分比通常相对于其他CSS设置（例如父元素）。width:100%确实字面显示的含义，不是填满100%剩余空间，而是100%所有空间，包括margin和padding的设置。

9. borer-image(不会用)

10. css计数器(不会用)

IE6和7不支持

11. css注释

12. 双冒号伪类(做一些优化显示)