如果关注前端方面的技术，那么对CSS3一定不会陌生，你肯定听说过CSS3，在使用CSS3之前，应该对这个新一代样式表语言的来龙去脉有个基本了解。

CSS3并不是一门新的语言，如果接触过CSS就会知道，CSS是创建网页的另一个独立但并非不重要的一部分，CSS是种层叠样式表，是一种样式语言，用来告诉浏览器如何渲染你的WEB页面。

CSS3是CSS规范的最新版本，在CSS2.1的基础上增加了很多强大的新功能，以帮助开发人员解决一些问题，并且不需要非语义标签，复杂的JS脚本以及图片，例如圆角，多背景，透明度，阴影等功能等。CSS2.1是单一的规范，而CSS3被划分成为几个模块组，每个模块组都有自己的规范，这样的好处是整个CSS3的规范发布不会因为部分难缠的部分而影响其他模块的推进。

现在看看CSS3激动人心的新特征：

CSS3并不是独立的规范，它重复了CSS部分的内容，但在其基础上进行了很多的增补与改善，CSS3与之前的几个版本相比，其变化是革命性的，虽然它的部分属性还不能被浏览器完美支持，但是却让我们看到了网页样式的发展前景，让我们更有方向感，使命感。CSS3新特性非常多，这里挑选一些被浏览器支持较为完美的更具有实用性的新特性。

1、强大的CSS3选择器

使用jq的人都知道，其选择器功能强大，使用方便，CSS3选择器和jq非常相似，允许设计师通过选择器直接指定需要的html元素，而不需要在html中添加类和id。

2、抛弃图片的视觉效果

Web中常见的效果包括圆角，阴影，渐变背景，半透明，图片边框等，而这样的视觉效果在CSS中都是依赖于设计师制作图片或者js脚本来实现的，CSS3的一些新特性可以用来创建一些特殊的视觉效果。

3、背景的变革

如果说CSS背景限制太多，那么CSS3将带来革命性的变化，CSS3不再局限于背景色，背景图像的应用，新特性中添加了多个新的属性值，如果要设计比较复杂的WEB效果，就不再需要使用一些多余标签来辅助实现了。

4、盒模型变化

盒模型在CSS中是重点，但是只实现一些基本功能，对于一些特殊的功能需要基于js来实现，而CSS3中这一点得到了很大的改善，设计师可以直接通过CSS3来实现。

5、阴影效果

CSS3可以实现文本阴影和盒子阴影，CSS3不需要新添加标签图片就可以通过box-shadow轻易实现任何元素的盒子阴影

6、多列布局与弹性盒模型布局

7、web字体和web Font图标

8、颜色与透明度

9、圆角与边框

10、盒模型的变形

11、css3过渡与动画交互效果