|
线性渐变：方向 ?默认从上到下
语法：
background:
linear-gradient(2~多个颜色，颜色中间用逗号分隔）；
linear-gradient（to 方向【1到2两个】，2~多个颜色，颜色中间用逗号分隔）
linear-gradient（度数deg，2~多个颜色，颜色中间用逗号分隔）
加浏览器内核
方向：方向没有to 直接跟的left/right。。。【两个方向的时候 浏览器加内核的识别标准跟同一标准不一样】
度数：从右边开始逆时针的方向进行
background-image
径向渐变：
向四周扩散的渐变，默认为椭圆状
语法：background/background-image:radial-gradient(2至多个颜色）
在颜色后面添加百分比【从小到大顺序】；
形状，颜色
-webkit-radial-gradient（方位，颜色）
方位，形状，颜色
重复渐变：repeating【颜色必须跟百分比，否则无法形成重复渐变的效果】
关于背景大小的总结:background-size:需要调整背景图片的大小 四类：像素值【单个【宽度设置为固定的像素值高度百分比增加】
2个像素值【第一个代表宽度第二个代表高度】】: 百分比【单个/2个】
参照像素值：cover背景图片把整个背景全部覆盖：contain一边铺满，另外一边等比增加，始终保证整个图像在div的范围内
background-clip:调整背景位置 content-box 内容区 padding-box 内边距 ?border-box边线【默认】
|