CSS揭秘（引言）

1、标准的制定过程

　　a 人员结构：W3C会员公司的成员、特邀专家、W3C工作人员

　　b 尽管“CSS3”非常流行，但它实际上并没有在任何规范中定义过。它实际上是指一个非正式的集合，包括CSS规范第三版再加上一些版本号还是1的新规范。

2、CSS编码技巧

　　a 尽量减少代码重复

　　b 相信你的眼睛，而不是数字

　　c 关于响应式网页设计的建议

使用百分比长度来取代固定宽度，同时可以尝试使用视口相关的单位（vw、vh、vmin和vmax）；
当你需要在较大分辨率下得到固定宽度时，使用max-width而不是width，因为它可以适应较小的分辨率，而无需使用媒体查询；
不要忘记为替换元素（img、object、video、iframe等）设置一个max-width，值为100%；
假如背景图片需要完整地铺满一个容器，不管容器的尺寸如何变化，background-size:cover这个属性都可以做到；
当图片或者其他元素以行列式进行布局时，让视口的宽度来决定列的数量。弹性布局或者display:inline-block加上常规的文本折行行为，都可以实现；
在使用多列文本时，制定column-width而不是指定column-count，这样就可以在较小的屏幕上自动显示为单列布局；

总体思路：尽最大努力，实现弹性可伸缩的布局，并在媒体查询的各个断点区间内指定相应的尺寸（需要细细琢磨）。

　　d 合理使用简写

background中background-size和background-position之间需要斜杠（/）作为分隔，因为（50% 50%）这样的值对于解析器来说是不确定的。
background-size这个属性的定义必须在background-position之后, 并使用 '/' 符号分隔;
background-size:cover，缩放背景图片以完全覆盖背景区，可能背景图片部分看不见;
background-size:contain，缩放背景图片以完全装入背景区，可能背景区部分空白。

　　e 预处理器

面临的问题是，css的文件体积和复杂度可能会失控，调试难度会增加，增加协作者学习成本；
还有抽象泄漏法则：所有重大的抽象机制在某种程度上都存在泄漏的情况（即它们有它们自己的BUG）。