1、css3包括第三版规范加上一些版本号还是1的新规范
css前缀
firefox -moz-
ie -ms-
opera -o-
safari/chrom -webkit-
2、当某些之相互依赖时，可以用代码将相互依赖关系用代码表达出来,如：
font-size:20px;
line-height: 1.5;
3、如何写可塑性强的组件，利用百分百比或rem、rm单位，认真审视哪些效果需要改变、哪些不需要（如btn）。
4、半透明的黑色或白色加在主色调上，可产生主色调的亮色与暗色变体
5、currentColor 可使分割线、边框等与文本颜色一致
6、代码易维护与代码量少有时不可兼得、inherit
7、每个媒体查询都会增加成本，用对了才是利器（响应式网页应用）
媒体查询的断点不应该由具体的设备来决定，网页设计足够灵活时，可自动实现可伸缩的布局。
避免媒体查询的一些建议
1、使用百分比长度
2、需要较大分辨率的固定宽度时，使用max-width
3、background：cover属性可覆盖容器，但照片大、容器小的情况下不明智，带宽有限
4、使用多列文本时，指定列宽而非列数，可自动排版
8、box-shadow多重投影
box-shadow: 0 0 0 10px #655,0 0 0 15px #ff0;
1、box-shadow可以层层叠加，但需要按规律调整拓张半径
2、投影行为与边框不一致，既不会影响布局也不会受到box-sizing影响
9、
