CSS3

CSS3主要特点：
1.提供了更加强大精准的选择器
2.提供多种背景填充方式
3.实现颜色渐变
4.可以改变元素形状、角度等
5.可以加深阴影效果、报纸布局、弹性盒子、ie6混杂模式和模型
6.新的计量单位
7.动画效果等

CSS3：
1.盒子阴影:同一元素可以添加多个阴影(投影方式:默认向外投影,向内投影[inset]) 降低性能，注意使用
        box-shadow:X轴偏移值 Y轴偏移值 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
2.文本阴影：降低性能，注意使用
    text-shadow:X Y [阴影模糊半径] [阴影颜色]
3.颜色RGBA：
    RGBA(红,绿,蓝,透明度)
4.颜色渐变：(颜色后写空格百分比课调透明度)
    A.线性:linear-gradient(to 方向,颜色1，颜色2，。。。)
    B.径向:radial-gradient(circle(圆)/ellipse(椭圆) [范围]at 中心点位置，颜色1，颜色2，。。。)
5.文字边界换行：
    word-wrap: normal(不换行)/break-word(换行)

6.引用字体：@font-face创建的字体名在标签样式中font-family以使用
    字体下载地址：Dafont.com
    @font-face{
        font-family:命名;
        src:url('具体位置');
    }
7.边框背景
    border-image: url('图片位置') [切割值] [repeat拉伸]/[round铺满];
8.背景图片
  background-imge: url('');引入背景图片
  background-repeat: repeat|repeat-x|repeat-y|no-repeat|inherit;
  含义：默认。背景图像将在垂直方向和水平方向重复|背景图像将在水平方向重复|    背景图像将在垂直方向重复|背景图像将仅显示一次|    规定应该从父元素继承 background-repeat 属性的设置
  background-origin: border-box|padding-box|content-box;
  含义：以border为起始位置以padding为起始位置|以内容区域开始显示
 9.裁剪背景：
     background-clip: border-box|padding-box|content-box|no-clip
     分别代表：从边框|内边距|内容区域向外剪裁背景
     no-clip:不剪裁
 10.背景图像尺寸
     background-size:像素(X,Y)|center(居中)|百分比|contain(图像扩大至最大尺寸使其宽高自适应);
11.背景定位：
    background-position: X Y|% %|(top,left,right,bottom) (top,left,right,bottom)