本教程为 CSS3 教程，对于有一定 CSS2 经验的伙伴，能让您系统的学习 CSS3，快速的理解掌握并应用于工作之中。在学习教程的过程中实例演示结合在线编程完成任务的方式来学习，相信自己动手会让你理解的更快，本教程能够让您学习效果更好！
什么是 CSS3？
CSS 用于控制网页的样式和布局。而 CSS3 是 CSS2 的技术升级版本，3 只是版本号，它在 CSS2.1 的基础上增加了很多强大的新功能。 目前主流浏览器 chrome、safari、firefox、opera、甚至 360 都已经支持了 CSS3 大部分功能了，IE10 以后也开始全面支持 CSS3 了。
在编写 CSS3 样式时，不同的浏览器可能需要不同的前缀。它表示该 CSS 属性或规则尚未成为 W3C 标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。
|
前缀 |
浏览器 |
|
-webkit |
chrome 和 safari |
|
-moz |
firefox |
|
-ms |
IE |
|
-o |
opera |
CSS3 能做什么？
CSS3 给我们带来了什么好处呢？简单的说，CSS3 把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。
CSS3 简化了前端开发工作人员的设计过程，加快页面载入速度。
CSS3 模块
CSS3 被拆分为”模块”。旧规范已拆分成小块，还增加了新的。
一些最重要 CSS3 模块如下：
- 选择器
- 盒模型
- 背景和边框
- 文字特效
- 2D/3D 转换
- 动画
- 多列布局
- 用户界面
CSS3 使代码更简洁、更高效。可以极大的提高工作效率，打造更高级的用户体验。使 web 应用的界面设计进入一个新的台阶。