1. 色彩：新增 RGBA，HSLA 模式,新增透明度
  2. 文字暗影：（text-shadow）
  3. 边框： 边框圆角：（border-radius） 边框暗影：（box-shadow） 边框图片：（border-image）
  4. 弹性盒子模型：（box-sizing：border-box;）

  5. 背景：

    • background-size ：设置背景图片的尺寸
    • background-origin ：设置背景图片的原点（定位、地位）
    • background-clip ：设置背景图片的裁切区域，以”，”分隔，能够设置多背景，用于自适应布局

  6. 背景：

    • linear-gradient：（线性突变）
    • radial-gradient ：（径向突变）
  7. 过渡：transition，可实现动画
  8. 自定义动画 animation 定义动画：@keyframes 动画名称
  9. 在 CSS3 中惟一引入的伪元素是 ：selection

  10. 媒体查问@media，多栏布局:

    @media screen and (width:500px) { body {     background-color: red; }}

  11. 2D 转换：

    • transform：translate(x，y) 挪动
    • rotate(x，y) 旋转
    • skew(x，y) 翻转
    • scale(x，y) 缩放
  12. 3D 转换
  13. 字体图标 ： font-face
  14. 弹性布局 ：flex

  15. 新增伪类选择器： nth-child(n)

    <body> <ul>     <li>111</li>     <li>222</li>     <li>333</li> </ul></body><style>     ul li:nth-child(1) {         color: red;     }     ul li:nth-child(2) {         color: blue;     }     ul li:nth-child(3) {         color: green;     } </style>