CSS3基础

        c3是css最新的标准，在一些落后的浏览器中并不支持，在C3中有了一些新的表现，如圆角、背景图片、渐变、动画、2D、3D、过渡等高级效果。

边框

        border-radious:设置一个半径后会显示圆角边框。

        border-image:可指定一个图片作为边框，并可以调整。

        box-shadow:可以为盒子添加一个阴影效果。

圆角

        border-radious:他可以为几乎所有的元素添加一个圆角效果，并可以给他赋以四个值控制各个边角的效果，另外可以用/赋给2个半径值，制作一个椭圆效果。

渐变

        渐变主要分为线性渐变和径向渐变。linear-gradient(red, yellow, green)；线性渐变；radial-gradient(red, yellow, green);径向渐变。

2D、3D转换

        通过transform属性设置 移动、缩放、旋转、拉伸等效果。

• translate()：移动效果
• rotate()：旋转
• scale()：缩放
• skew()：倾斜
• matrix()：合并了以上的效果，可设置6个参数。

3D转换的效果与2D用法类似，但3D有三个设定值。

过渡

transition: width 2s;为宽度设置了一个过渡，必须设定时间才有效，因为时间的默认值是0s。