CSS3新增的模块

阴影

文本阴影

    属性：text-shadow：h-shadow  v-shadow  blur   color
    h-shadow------文本阴影
    v-shadow------垂直阴影
    color------阴影颜色
    blur------模糊距离
    水平取值为正数的话，向右，取值为负数的话向左
    垂直取值为正数的话，向下，取值为负数的话向上

盒子阴影

   属性：box-shadow：h-shadow  v-shadow   blur   color

多背景属性

 一个元素可以添加多个背景：使用属性就是：background属性
 取值：原来的取值读个背景之间使用，隔开

边框属性

    边框属性：border
    圆角边框：border-radius   

取值个数	含义
v1	四个角都圆角化显示
v1 v2	v1代表左上右下圆角化，v2代表右上左下
v1 v2 v3	v1左上 v2右上左下 v3右下
v1 v2 v3 v4	v1左上 v2右上 v3右下 v4左下

圆角化显示的时候其实分为：水平半径和垂直半径倒角
border-radius：x1/y1
x1-----所有角的水平半径
y1-----所有角的垂直半径

变成正圆：首先盒子是一个正方形：然后取值：border-radius：50%
变成椭圆：首先盒子时一个长方形，然后取值：border-radius：50%
操场形状：border-radius：数值px

css3不同对应的浏览器里面如何处理

属性兼容，需要考虑属性前缀
谷歌和Safari：-webkit-
ie浏览器：-ms-
Opera浏览器：-o-
火狐浏览器：-moz-

渐变

颜色的改变：从一个颜色向另外一个颜色渐变

线性渐变：从一个方向往另外一个方向

属性：background：linear-gradient(to 方向词，col1，col2，col3)
to方向词：到达某一个方向
col1：颜色开始，第一个颜色
col2：中间颜色
col3：最后的颜色
   1）方向词取值
      to  top-----到达上边，从下边开始
      to  right----到达右边，从左边开始
      to  left------到达左边，从右边开始
      to  bottom---到达下边，从上边开始
   2）不限方向词，只给颜色
       没有任何方向的话，是默认从上到下   to   bottom
    3）到某一个角
       to  top  left，到达左上角，从右上角开始的

线性重复渐变：
background：repeating-linear-gradient(red 0%,green 5%)

径向渐变

从中间向四边渐变
属性：background：radial-gradient(center，shape，size，start-color，...，last-color)
center：渐变中心，默认在元素正中心
shape：渐变形状，circle圆，eclipse椭圆
size：渐变大小，径向渐变的方向沿着对角线的方向进行改变