####cursor
    定义鼠标指针放在一个元素边界范围内时所用的光标形状
    **用法**
    < style="cursor:定义代码">     </ >
    
#### overflow属性指定如果内容溢出一个元素的框，会发生什么。

    visible    默认值。内容不会被修剪，会呈现在元素框之外。
    hidden    内容会被修剪，并且其余内容是不可见的。
    scroll    内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
    auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
    **用法**
    {
    overflow:样式;
    }


#### z-index 属性指定一个元素的堆叠顺序。

    拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
    注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。

    **用法**
    {z-index：接数字}


## css3



### 各种浏览器适用前缀
     -webkit-  谷歌 苹果
     -o-       欧朋
     -moz-     火狐
     -ms-      IE9 (w无前缀默认支持IE6、7、8）


### 创建圆角
    **border-radius**
    为元素添加圆角边框
    每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。

### 边框阴影

    **box-shadow**
    可以设置一个或多个下拉阴影的框。

    把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。 
    **用法**
    {box-shadow: 10px 10px 5px #888888;}
    三个值分别代表水平、垂直、模糊度

### 文本效果（阴影）
    **text-shadow**
    应用于阴影文本

    连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为0。

### 2D转换
    是x y轴平面作用

    translate(x,y)    定义 2D 转换，沿着 X 和 Y 轴移动元素。
    translateX(n)    定义 2D 转换，沿着 X 轴移动元素。
    translateY(n)    定义 2D 转换，沿着 Y 轴移动元素。
    scale(x,y)        定义 2D 缩放转换，改变元素的宽度和高度。
    scaleX(n)        定义 2D 缩放转换，改变元素的宽度。
    scaleY(n)        定义 2D 缩放转换，改变元素的高度。

    **用法**
    {transform:定义代码（值，值）}

### 3D转换

    {transform: rotateX(120deg);} 以x轴旋转
    
    {transform: rotateY(130deg);} 以y轴旋转

### 过渡

    指定要添加效果的CSS属性
    指定效果的持续时间。
    {
    transition-property: width; 应用过渡的 CSS 属性的名称。
    transition-duration: 1s;    定义过渡效果花费的时间
    transition-delay: 2s;}      规定过渡效果何时开始

###　动画
　　　动画要写在@keyframes里面
        animation:　定义名称和时间