CSS揭秘-1

1.易于维护的代码：例如行高与字号，使其相互依赖。font-size:20px;//当然字号最好用百分比或者em单位。line-height:1.5、

2.calc()函数，可计算函数，里面可直接写表达式

3.currentColor表示“当前标签所继承的文字颜色”。。减少代码重复原则

一些避免不必要的媒体查询的建议
1.使用百分比长度来取代固定长度，或使用与视口相关的单位（Vw,Vh,Vmin,Vmax,它们解析为视口宽度或高度的百分比）

2.当需要在较大分辨率中得到固定宽度，使用max-wdith，因为它可以适应比较较小的分辨率，而无需使用媒体查询

3.为替换元素（img,object,video,iframe等）设置一个max-width,值为100%.

4.背景图片需要完整铺满一个容器，都可以用background-size:cover带宽并不是无限的，因此在移动网页中通过CSS把一张大图缩小显示往往时不太明智的

5.当图片以行列式进行布局时，让视口的宽度来决定列的数量，可通过弹性盒布局（Flexbox）或display:inline-block来实现

6.在使用多列文本时，指定column-width(列宽)而不是指定 column-count(列数)，这样就会在较小的屏幕上自动显示为单列布局