06.font&background-----09.background

背景：除了可以设置背景颜色外，还可以设置背景图片，下面就是关于背景颜色的一些设置

1. background-image：用来设置背景图片，其中url用来指定图片的位置，用不用引号引起来都可，注意可同时给元素设置背景图片和颜色，此时背景颜色为背景图片的背景色。

        当背景图片的大小大于元素的大小时，超出的那部分图片无法显示

        当背景图片小于元素时，图片将平铺元素，将元素铺满

        当图片大小与元素相等时，正常显示

2. background-repeat：设置背景图片的重复方式，  可取值：repeat（默认值），背景图片沿着x轴和y轴双方向重复，将元素铺满、repeat-x，背景图片只沿着x轴重复、repeat-y背景图片沿着y轴重复、no-repeat，背景图片不重复

3. background-position：设置背景图片的位置，有以下两种设置方式：                                                    通过top、bottom、center、left、right几个表示方向的值来设置背景图片的位置，设置位置时必须同时指定两个方向词，如果只设置一个方向词，则默认第二个为center 

        通过偏移量来指定背景图片的位置：水平方向的偏移量（越大越往下移）   垂直方向的偏移量（越大越往右移） ，偏移量可正可负，为负值时方向相反，一般用负值比较多

4.background -clip：设置背景的范围。

                可选值有：

                        border-box:背景也在边框下面显示（默认值）

                        padding-box:背景只在内边距和内容区显示

                        content-box：背景只在内容区显示

5.background-size：设置背景图片的大小

                        第一个值表示宽度

                        第二个值表示高度

                         如果只写一个值，则默认第二个值为auto，即图片比例不变

                          cover，图片比例不变，将元素铺满

                          contain：图片比例不变，将图片在元素中完整显示

6. background-origin：设置背景图片偏移量的圆点计算方式

                可选值：

                                border-box：background-position从边框开始计算（默认值）

                                padding-box：background-position从内边距开始计算

                                content-box：background-position从内容区开始计算

7.background-attackment：背景图片是否随元素移动

                可选值：

                               scroll------背景图片随元素移动

                                fixed-------背景图片不随元素移动

 

 

8.background的简写属性，类似于font，通过background可以设置有关背景的所有样式，且无顺序而言，没有必写项。

                注意：background-size必须写在background-position后面，且用/隔开

                           background-orign与background-clip可选值一样，但clip一定要在orign后面