CSS3 概述
1 什么是CSS3
- CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新能
- CSS3语言开发是朝着模块化发展的 https://www.w3.org/Style/CSS/current-work.html
2. CSS的新特性
- 强大的CSS3选择器
- 抛弃图片的视觉效果 圆角 阴影 渐变 半透明 图片边框, 可以通过CSS3实现,而不用借助于JavaScript或图片
- 新增的背景功能
- 盒子模型的变化
- 阴影效果
- 多列布局与弹性盒模型布局
- Web字体与WebFont图标
- 颜色与透明度
- 圆角与边框
- CSS变形
- CSS过渡与动画交互
- 媒体特性与Response布局
3. 浏览器对CSS3的支持情况
注意: 可以通过网站 https://caniuse.com/ 来查看浏览器对某个CSS模块的支持情况。
4. CSS3属性的私有前缀
在CSS3模块标准尚未被W3C批准或者标准所提议的特性尚未被浏览器完全实现时,浏览器厂商会使用所谓的私有前缀来测试“试验性的”CSS 特性。各大浏览器的私有前缀如下:
- IE 浏览器
-ms-
- firefox 浏览器
-moz-
- chrome 浏览器
-webkit-
- Safari 浏览器
-webkit-
- opera 浏览器
-o-