简介
background的缩写其实在工作中经常遇到，但是由于属性颇多，会弄混淆，遂记录下
background: center / contain no-repeat url("../../media/examples/firefox-logo.svg"),
#eee 35% url("../../media/examples/lizard.png");
以上代码我是从MDN拷贝的，能判断以上属性是什么属性的缩写吗。我们从浏览器Styles 截图
代码中是有两张背景图片（日常工作没有用两张图片叠加在一起）。其实no-repeat 、url、#eee 这些都特别好判断，关键是center/ container、35% 不好区分。 他们是background-postion和background-size这两个属性，如果两个都缩写的话，必定要用/分割起来。/前面代表 background-position ，/后面是background-size。 如果没有用上/,则代表着background-postion属性
附上css样式属性
background-position
含义：定义x、y的坐标
属性值（没想到，一搜发现有这么多写法），有一到四个值的写法，可以看到不管是是几个值的语法，都有length和percentage的写法，所以常常回合background-size弄混
background-size
含义： 设置图片背景的大小 属性值：
1、 length 2、 percentage 3、 auto 4、 cover 5、container
日常工作中最常用的缩写组合，应该就是background: url(xxx) no-repeat center / cover #eee类似的语法了
