CSS3 深入了解--[background 属性的全面使用]

在写 css 样式的时候，肯定少不了需要使用背景图片，本文章就全面的解析background 这个属性的使用~~~~~~~~~~~

2、background-image 指定要使用的一个或多个背景图像，一般就是一个 url，链接或者是路径

4、background-size指定背景图片的大小，页面布局需要设置图片的大小。

6、background-clip 指定背景图像的绘画区域，需要显示图片的那个位置，不需要显示的地方可以裁剪掉；

二、简写

1、要是一个北京图片，我们设置上面那么多的属性，是很麻烦的，background 提供一个简写属性，让我们可以同时设置这些属性。避免 css 文件书写麻烦。语法：background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;这里就是background 的简写语法，书写是没有顺序的，但是一般就是按照这样写吧，都是习惯问题。① 以上的属性顺序是没有要求的。② position/bg-size 同时设置的话，要这样写一个斜杠，如果单位相同，如果只设置一个值，表示的是 position 设置，没有 size③ bg-origin bg-clip 同时设置，这个不需要斜杠 ，他们的值一样的，如果设置一个值，表示的是 origin 设置，没有 clip④ 但是大致习惯上说应该有个顺序。就是上面的语法的顺序，因为大家普遍是这样的，要方便大家的习惯。⑤ 以上属性是可选的，不必要全写 background:#FF0000 URL('smiley.gif'); 是允许的。

2、例子①简单例子：background: red url('#') left 10px top 10px/cover no-repeat border-box border-box fixed;② 多组值：background: url("image.png") 0% 0%/60px 60px no-repeat padding-box,url("image.png") 40px 10px/110px 110px no-repeat content-box,#58a url("image.png") 140px 40px/200px 100px no-repeat content-box;③ 多个背景background-image: url("url1"),url("url2");background-attachment: fixed, scroll;