day15 - CSS3新增属性

1. CSS3简介

1.1. 概述

CSS3是CSS2的升级版本，是在CSS2的基础上，新增了很多强大的功能，从而解决一些实际开发中的问题

1.2. 新特性

1. 新增了更加实用的选择器，例如：动态伪类选择器、目标伪类选择器、伪元素选择器等等

2. 新增了更好的视觉效果，例如：圆角、阴影、渐变等等

3. 新增了丰富的背景效果，例如：支持多背景图、同时新增了一些实用的背景相关的属性

4. 新增了全新的布局方案，弹性盒子

5. 新增了web字体，可以显示用户电脑上没有安装的字体

6. 新增了颜色，例如：HSL、HSLA、RGBA几种新的颜色模式，新增了opacity属性来控制透明度

7. 新增了2D和3D变换，例如：旋转、扭曲、缩放、位移等

8. 新增了动画与过渡效果，让效果的变换更柔性、平滑

9. 新增了盒模型属性，允许更改元素的盒子模型算法

10. 响应式布局，媒体查询允许根据不同的屏幕尺寸和设备类型定义不同的样式规则

11. ......

1.3. 私有前缀

私有前缀是用来解决浏览器兼容问题的

div {-webkit-border-radius: 5px; /* 圆角属性 */
}