CSS：CSS背景及属性-background
CSS背景
1、background-color：背景颜色
属性：
transparent；背景透明
2、background-image：背景图片
属性：
url()；图片地址
3、background-repeat：背景平铺
属性：
no-repeat；不重复
repeat；xy方向都平铺
repeat-x/-y：x/y方向平铺
4、background-position：背景位置
第一个表示水平方向； 第二个表示垂直方向；
如果两个方向的取值都为关键字（left、center、right；top、center、bottom），值的顺序可以改变；
如果只设置了一个值，那么另一个值为center；
例：background-position： 0 0；
固定值，允许负值；第一个值是水平值，第二个值是垂直值；
例：background-position：-100% 100%；
百分比：第一个是水平，第二个是垂直
（容器宽度-图片宽度）*百分比=图片最左边到容器左边的距离
（容器高度-图片高度）*百分比=图片最上边到容器最上边的距离
例：background-position：100% 100%；
混合写 ：固定方向 ，第一个值是水平，第二个是垂直方向；
例：background-position：-10% 200px；
5、background-attachment背景图片的附着：
属性：
fixed：相对于视口固定
scroll：相对于本身固定
local：
背景简写：
background：颜色 地址 背景平铺 滚动 位置（x、y）
速记——（色子平滚位）
6、background-size背景缩放：
固定值缩放：第一个值水平；第二个值垂直
百分比：
同上
关键字：
cover
contain
只设置一个值：
值位图片横向展示的宽度，纵向按照原图宽高比等比例缩放
7、background-origin指定背景图像的定位区域
属性指定background-position属性应该是相对位置
注意：
如果背景图像background-attachment是"固定"，这个属性没有任何效果。
语法：
background-origin: padding-box|border-box|content-box;
背景图像填充框的相对位置 | 背景图像边界框的相对位置 | 背景图像的相对位置的内容框
8、background-clip指定绘图区的背景
语法
background-clip: border-box|padding-box|content-box;
<!--border-box默认值。背景绘制在边框方框内（剪切成边框方框）。
padding-box 背景绘制在衬距方框内（剪切成衬距方框）。
content-box 背景绘制在内容方框内（剪切成内容方框）。-->
9、背景颜色渐变
background
属性：
linear-gradient（color，color，color）；
linear-gradient（color，color，color,rgb(0-255，0-255，0-255)，#fffffff....）；
指定方向:
linear-gradient（to right/to top/to bottom right
，，，）；
径向渐变：
radial-gradient：（color，color，color，color）；
radial-gradient：（color %，color %，color %）；
radial-gradient：（形状-circle/..，color，color，color）
多背景
规则：
例：background：url('1.jpg') no-repeat,url('2.jpg') no-repeat;
*1.jpg 在 2.jpg之上
