css3 新增属性：
1、box-shadow 阴影效果；
2、border-color 边框颜色；
3、border-image 图片边框；
4、text-shadow 文本阴影；
5、text-overflow 文本截断；
6、word-wrap 自动换行；
7、border-radius 圆角边框；
8、opacity 不透明度；
9、box-sizing 控制盒模型的组成；
1）content-box：使用此值盒模型的组成是，元素宽度 = content + padding + border；
2）border-box：使用此值，盒模型的组成是，元素的宽度 = content ；（即使设置了padding 和 border ，元素也不会变）；
10、background-size 指定背景图片的尺寸；
11、background-origin 指定背景图片从哪里开始显示；
1）border 从border区域开始显示背景；
2）padding 从padding 区域开始显示背景；
3）content 从content区域开始显示背景。
12、background-cilp 指定背景图片从什么位置开始裁切
1）border-box 从border区域向外裁剪背景；
2）padding-box 从padding区域向外裁剪背景；
3）content-box 从content区域向外裁剪背景；
4）no-clip 不裁剪背景。
必须先指定background属性，然后才能指定该属性，如果该属性出现在background属性之前，会无效。
13、background 为一个元素指定多个背景
使用：
background：url(bg1.png) no-repeat ,url(bg2.png) no-repeat;
14、resize 元素缩放；
必须将元素的overflow属性设置为auto或hidden，该属性才能起作用，设置为visible时无效；
1）none 禁用缩放；
2）both 可同时缩放宽度和高度；
3）horizontal 仅能缩放宽度；
4）vertical 仅能缩放高度；
支持 ： safari 4 ，chrome 3
15、outline 外边框
outline：边框厚度，边框样式，边框颜色
outline-offset 偏移值；
outline-offset需要独立写，简写是无效的
16、rgba 基于r，g，b 三个颜色通道来设置颜色值，通过a来设置透明度
rgba:(r,g,b,opacity);
17、背景渐变
线性渐变：
background-image:linear-gradient(to 方向//45deg,color,color);
径向渐变：
background-image:radial-gradient(20px at center , color , color);
