CSS3 新增特性总结

CSS3 新增特性有哪些

1. 颜色：新增 RGBA，HSLA 模式,新增透明度

2. 文字阴影：（text-shadow）

3. 边框：

   1. 边框圆角：（border-radius）
   2. 边框阴影：（box-shadow）
   3. 边框图片：（border-image）

4. 弹性盒子模型：（box-sizing：border-box;）

5. 背景：

   1. background-size ：设置背景图片的尺寸
   2. background-origin ：设置背景图片的原点（定位、位置）
   3. background-clip ：设置背景图片的裁切区域，以”，”分隔，可以设置多背景，用于自适应布局。

6. 渐变：

   1. linear-gradient：（线性渐变）
   2. radial-gradient ：（径向渐变）

7. 过渡：transition，可实现动画

8. 自定义动画 animation 定义动画：@keyframes 动画名称

9. 在 CSS3 中唯一引入的伪元素是 ：selection

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

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

11. 2D 转换：

    1. transform：translate(x，y) 移动
    2. rotate(x，y) 旋转
    3. skew(x，y) 翻转
    4. scale(x，y) 缩放

12. 3D 转换

13. 字体图标 ： font-face

14. 弹性布局 ：flex

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