- 关于background
| 值 | 描述 | 默认值 |
|---|---|---|
| background-color | 规定要使用的背景颜色 | |
| background-position | 规定背景图像的位置 | 0% 0% |
| background-size | 规定背景图片的尺寸 | auto |
| background-repeat | 规定如何重复背景图像 | repeat（repeat-x，repeat-y，no-repeat） |
| background-origin | 规定背景图片的定位区域 | padding-box/border-box/content-box |
| background-clip | 规定背景的绘制区域(裁剪) | border-box/padding-box/content-box |
| background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动 | scroll（默认,动）/fixed（固定） |
| background-image | 背景图 |
background-position：top left top center top right center left center center center right bottom left bottom center bottom right（如果您仅规定了一个关键词，那么第二个值将是"center"）
background-position：x% y%（如果您仅规定了一个值，另一个值将是 50%）
background-position：x% y%（如果您仅规定了一个值，另一个值将是 50%，单位是像素 (0px 0px) 或任何其他的 CSS 单位）
- transform & transition
transform -> 这个属性允许你将元素旋转，缩放，移动，倾斜等
// 旋转角度：
transform:rotateX(180deg);
//居中：
transform:translate(-50%,-50%); position: absolute; left: 50%; top: 50%;
//提高性能，开启GPU
transform: translateZ(0);
