background 背景样式分析图

前端

http://www.divcss5.com/rumen/r125.shtml

http://www.webhek.com/post/the-background-shorthand-property-has-new-values.html

这块如何理解，当时被卡了一会 [0 -35px/174px 78px]

background: url(image/btn_spr.png) no-repeat 0 -35px/174px 78px
其实是：[background-position] / [ background-size]

注意里面的反斜杠，它更font和border-radius里简写方式使用的反斜杠的用法相似。反斜杠可以在支持这种写法的浏览器里在position后面接着写background-size。

除此之外，你开可以增加另外两个描述它的属性值： background-origin 和 background-clip.

background: [background-color] [background-image] [background-repeat][background-attachment] [background-position] / [ background-size]
[background-origin] [background-clip];

background-position 单位值位置测试

http://linxz.github.io/tianyizone/test_background-position.html

css背景background-position负值定位

http://www.jianshu.com/p/e3a3496d699c