css新特性

     1：新增各种CSS选择器    （:not(.input)：所有class不是“input”的节点）
     2：RGBA
     3：多栏布局（column-count/gap/rule）
     4：多背景图（backgroundimage:url('1.jpg),url('2.jpg')）
     5：word-wrap（word-wrap: break-word;）
     6：文字阴影（text-shadow）
     7：@font-face （加载字体样式，而且它还能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体，
                   

 @font-face {font-family: iconfont;src: url(RUNICMT0.eot);
}）

     8：圆角（border-radius）
     9：边框图片（ border-image）
     10：盒阴影（box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 扩展程度 颜色 是否具有内阴影）
     11：盒子大小（box-sizing）
     12：媒体查询（@media）
     13：动画（@keyframes跟animation ）
     14：渐变效果
     15：缩放（scale）
     16：平移（translate）
     17：倾斜（skew）

盒模型

  内容(content)、填充(padding)、边界(margin)、 边框(border)；

     1：IE 盒子模型
            IE盒模型：属性width，height包含content、border和padding，指的是content+padding+border。
     2：W3C 盒子模型
              W3C标准盒模型：属性width，height只包含内容content，不包含border和padding
     3：区别
              IE 的 content 部分把 border 和 padding 计算了进去