background少见的属性

CSS3 背景 

background-clip	规定背景的绘制区域。
background-origin	规定背景图片的定位区域。
background-size	规定背景图片的尺寸。

CSS3 渐变

CSS3 定义了两种类型的渐变（gradients）：

1. 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向

   background: linear-gradient(direction, color-stop1, color-stop2, ...);复制代码

2. 径向渐变（Radial Gradients）- 由它们的中心定义

   background: radial-gradient(center, shape size, start-color, ..., last-color);

background的cover和contain

contain和cover都是保持横纵比，contain包含，有一边正好，另一边有空隙，

cover覆盖，一边正好，另一边超出被剪裁。

background-size: width-value,height-value percentage(如果一个值，另一个为auto，保持横纵比)