CSS3概述
1 什么是CSS3
- CSS3 是 CSS2 的升级版本，3 是版本号，它在 CSS2.1 的基础上增加了很多强大的功能。
- CSS3语言开发是朝着模块化发展的 https://www.w3.org/Style/CSS/current-work.html
2. CSS3 的新特性
- 新的选择器：CSS3 引入了一些新的选择器，如属性选择器、伪类选择器、伪元素选择器等，可以更加精确地选取元素。
- 边框样式：CSS3 引入了多种新的边框样式，如圆角边框、图像边框、阴影边框等。
- 渐变：CSS3 支持线性和径向渐变，可以用来实现更加丰富的背景效果。
- 阴影和反射：CSS3 引入了阴影和反射等新的效果，可以使元素看起来更加立体和真实。
- 过渡和动画：CSS3 支持过渡和动画效果，可以让元素的变化更加平滑和自然。
- 字体：CSS3 支持新的字体格式，如WOFF、EOT、SVG、TTF等。
- 弹性布局：CSS3 引入了 Flexbox 布局和 Grid 布局，可以让网页更加灵活和适应不同尺寸的屏幕。
- 多列布局：CSS3 支持多列布局，可以将文本或内容分成多列显示。
- 2D/3D 转换：CSS3 支持 2D 和 3D 转换，可以使元素在平面或空间内移动、旋转或缩放。
- 响应式设计：CSS3 支持媒体查询，可以根据不同的设备尺寸和屏幕方向，设置不同的样式。
3. 浏览器对CSS3的支持情况
可以通过网站 https://caniuse.com/ 来查看浏览器对某个CSS模块的支持情况。
4. CSS3 私有前缀
在 CSS3 中，由于一些属性和功能还没有得到标准化或者被所有浏览器所支持，为了实现这些新功能，浏览器厂商会在属性名称前加上私有前缀。这些私有前缀只在该浏览器中生效，其他浏览器会忽略它们。
以下是一些常见的浏览器私有前缀：
- Webkit：用于 Chrome、Safari 等基于 Webkit 内核的浏览器，前缀为
-webkit- - Mozilla：用于 Firefox 浏览器，前缀为
-moz- - Microsoft：用于 Internet Explorer 和 Edge 浏览器，前缀为
-ms- - Opera：用于 Opera 浏览器，前缀为
-o-