第二章要点总结

• background-clip: padding-box背景覆盖区域。IE9+。
• outline可以再生成一层边框，可以通过outline-offset属性控制与元素的间距，可以接受负值。另外outline生成的描边不贴合border-radius。没有兼容问题。
• background-position可以接受right 20px bottom 10px这样的值，做到下对齐和右对齐。IE9+。
• background-origin类似background-clip，改变background-position对齐基准边缘。IE9+。
• calc()运算要在加减号两旁留白。IE9开始支持，但IE系列有各种不稳定表现，贴图如下：(点击查看大图)

之后讲的一些渐变自己之前就已经了解过了，不再重复，有两个注意点，一是多层背景可以分别设置背景位置、背景大小等属性，二是每层背景的多个属性都能够简写到一条中。

自己在看其他人画的一些图标的时候，就会想是怎么画出来的，已经有一种条件反射了~感觉大部分常见图标都能自己靠单标签画出来，现在在项目里一些图标都是自己画，不像以前第一反应切个图出来。下面是自己刚开始画图标的一点练习，有的时候还觉得某个图标太简单了不屑于画，不知道是好事还是坏事。。。

(点击跳转到演示页面）

老衲心好累

(点击查看大图)

讲真，最近事情真的好累心，一股脑砸上来，有点承受不来，甚至开始怀疑人生了。加油啊少年，不能放弃！(●’◡’●)