css|css3🌴🌴拥有的新特性

1. 颜色：

   新增 RGBA，HSLA 模式?

   RGBA,就是在RGB的基础上加了透明度Alpha例“rgba(255,0,0,0.5)”

   HSLA，是颜色的色轮基础上加了透明度

2. 文字阴影：

   text-shadow

3. 边框：

   圆角：border-radius 边框阴影： box-shadow

4. 盒子模型：box-sizing

5. 背景：

   background-size：设置背景图片的尺寸

   思考💡：cover和contain的区别？

   在no-repeat的情况下：
   
   conver保持图片的比例，也就是图片不会变形，图片按照比例缩放以后，多余的部分会被裁掉 
   英文是“覆盖”“铺满”的意思，所以图片一定会占满容器，多余的会裁掉
   

contain保持图片比例，不会变形，图片缩放至完全展示出来，可能会出现留白的情况

英文是“包含”的含义，也就是说容器包含这图片，但是不一定图片的比例和容器的比例一样，所以会留白

在repeat的情况下：

cover情况一样，contain会重复铺满整个容器，多余的会裁掉

background-origin ：设置背景图片的原点

background-clip： 设置背景图片的裁切区域，以”，”分隔可以设置多背景，用于自适应布局

6. 渐变：

   linear-gradient、radial-gradient

7. 过渡：

   transition，可实现动画

8. 自定义动画

   animate @keyfrom

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

   ::selection选择器主要用于文档中被用户高亮的部分（鼠标或者其他设备选中的部分）

10. 媒体查询，多栏布局

    @media screen and (width:800px){
    
      }
    

11. border-image

12. 2D 转换：

    transform：translate(x，y) rotate(x，y) skew(x，y) scale(x，y)

13. 3D 转换

14. 字体图标

    font-face

15. 弹性布局

    flex