引言、CSS编码技巧

1、currentColor

currentColor是一个表示颜色的关键字，它表示获取当前层级文本的颜色，若没有规定当前层级的文本颜色，则逐级向上查找父级元素的文本颜色。

    color: #c00;
    border: 1px solid currentColor;  //边框的颜色将为 #c00

---

2、继承

inherit可以用在任何CSS属性中，它总是绑定到父元素的值，对于伪元素，则会取生成该伪元素的宿主元素的值。

a{
  color:inherit;
}

加入上述代码后

---

3、合理使用简写和扩展写法

background: url("a.png") no-repeat top right / 2em 2em,
            url("b.png") no-repeat bottom right / 2em 2em,
            url("c.png") no-repeat bottom left / 2em 2em;

上述代码中，因为简写语法中的background-size和background-repeat的值重复了3遍，所以可以优化为

background: url("a.png")  top right,
            url("b.png")  bottom right,
            url("c.png")  bottom left;
background-size: 2em 2em;
background-repeat: no-repeat;

单独的只为简写属性中的某一项属性提供一个值，这个值就会扩散并应用到简写属性中的每一项。