目标如何用css解决疑难问题收获尽可能减少代码重复1使用相对值font-size:20px;line-height:30px;//应该改字体大小：20px；行高：1.5；相对值是很多em和百分比2假设有一个按钮bg，颜色是colorsA，为了让bg更亮或者更暗，可以在上面叠加半透明的黑白。这样就可以随时改变bg，达到变亮或变暗的目的。background:#58alinear-gradient(hsla(0,0%,100%,.2),transparent)less方法是通过lighten或darkendarken(#428bca,6.5%)3设置一个值代码易于维护而且代码量少，两者不可兼得。//代码量少，但可读性和可维护性较差border-width:10px10px10px0;//可读性和可维护性更好border-width:10px;左边框宽度：0；缩写的合理使用前者是确保背景为红色的缩写。但是有了扩展的单一属性，背景可以是一团渐变、一张毛皮图片或其他任何东西。背景：红色；背景色：红色；明智地使用简写形式是防范未来风险的良好防御性编码。calccalc的+-两边需要有空格calc(100%-10px);calc(100%+10px)连续图像边框1老式信封2蚂蚁行进椭圆1border可指定水平和垂直半径border-radius:100px/75px;21/4ellipseborder-radius:100%000;平行四边形1嵌套元素方案2伪元素方案z-index:-1;使用切角很经典的背景：linear-gradient(-45deg,transparent15px,#58a0);如果要加角标，要达到这个效果，还需要一个linear-gradient，给不同的linear-gradient分配不同的background-size。背景：线性渐变（到左上角，透明50%，rgba(0,0,0,.4)0)100%100%不重复，线性渐变（-45deg，透明20px，#58a0）；背景大小：2em2em，自动；projection俗称投影是box-shadow:2px3px4pxblack;这让大家误会不能用单边的box-shadow。因为鲜为人知的第四个长度参数box-shadow:0px3px4px-4pxblack;双层投影框阴影：5px05px-5px黑色，-5px0px5px-5px黑色；磨砂玻璃效果见磨砂玻璃定制复杂选择框介绍不多，weui也有相关案例。weuicheckbox滚动提示现在越来越多的移动端都是这样处理的，滚动提示其他github地址对应《css揭秘》https://github.com/cssmagic/C...demohttp://play.csssecrets.io/TuringBooks在封底提供折扣码，可以在她的github上以低价购买电子书https://github.com/LeaVerou
