CSS基础2

### overflow属性
1. 属性值
    + visible:默认值，可视化的，多余的也会显示出来
    + hidden：隐藏，不显示超出范围的内容
    + auto：如果内容不超出，则不显示滚动条，超出就显示滚动条
    + scroll：显示滚动条
### 鼠标属性
1. 属性值
    + auto:默认值，根据浏览器来显示鼠标
    + pointer：竖起手形光标
    + hand:与pointer一样
### 背景属性
1. `background-color：#fff`:设置背景颜色
    + 表示方法：单词、rgb表示法、十六进制表示法。
    + rgba 即：Red 红、Green 绿、Blue 蓝、Alpha 透明度。
    + r、g、b 的取值范围是：0~255；透明度的取值范围是 0~1。
    + HSLA 表示法
        - H:色调，取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色
        - S:饱和度，取值范围 0%~100%。值越大，越鲜艳
        - L:亮度，取值范围 0%~100%。亮度最大时为白色，最小时为黑色
        - A:透明度，取值范围0~1
2. `background-image:url('');`：设置图片为背景
3. `background-repeat: no-repeat;`：设置背景是否重复平铺
    + no-repert：不平铺
    + repeat-x:横向平铺
    + repeat-y:纵向平铺
4. `background-position:向右偏移量 向下偏移量;`：设置背景位置
    + left right center top bottom
5.  `background-attachment:scroll;`：设置背景图片是否跟着滚动条一起滚动
    + fixed：背景被固定住，不会跟着滚动条一起动
    + scroll：默认值，跟着滚动条一起滚动
6. `background-size：`：设置背景图片大小
    + cover：图片始终填充满容器，且保证长宽比不变。图片如果有超出部分，则超出部分会被隐藏
    + contain：将图片完整地显示在容器中，且保证长宽比不变。可能会导致容器的部分区域为空白
    + 具体数值/百分比

### 渐变 background-image
1. 线性渐变：沿着某条直线朝一个方向产生渐变的效果
2. 径向渐变：从一个中心点开始沿着四周产生渐变效果
3. 重复渐变
### 线性渐变
1. 语法：background-image：linear-gradient(方向,起始颜色,终止颜色);
    + 方向可以是：to left, to right,to top,to bottom,角度30deg（顺时针30度）
### 径向渐变
1. 语法：background-image：radial-gradient(辐射的半径大小,中心位置,起始颜色,终止颜色);
    + 中心位置可以是：at left right center bottom bottom top
### 重复渐变
1. 语法：background-image:repeating-linear-gradient();