css3所带来的激动人心的特性可以概括为以下8点：

 

 华丽的视觉特效。圆角、阴影、透明度和渐变等新特性提供了完美的视觉特效支持，实现了许多以前需要图片和JavaScript代码才能完成的效果。另外，滤镜效果和着色器能实现非常强大的可视化效果。

 

 强大的动画效果。CSS3的动画支持盒子在二维和三维空间的多种变换效果，如旋转、缩放、平移等。

 全新选择器。多种新的伪类和选择器可以更方便地定位和控制元素。

 人性化的国际化支持。跨语言支持一直是Web开发里做得不好的部分。随着世界越来越平，多语言支持成为Web应用需要高度关注的问题。CSS3提供的多种新属性可以方便地解决跨语言书写和排版时的兼容性问题。

 

 服务器端字体。网页能够采用服务器端的字体，不再受限于用户计算机上的字体库。

 媒介查询。允许使用表达式来判断用户设备，以支持针对不同设备的适配，例如1024×768分辨率的显示器或者320×240的手机屏幕。现在流行的响应式网页设计（responsiveweb design，一种现代网页设计方法，它基于媒介查询特性使网页适应不同设备，根据设备的分辨率和缩放情况自动重新布局）就是基于此特性的。

 

 弹性盒子。你还在为盒子或者子元素的宽度和高度不能自适应而头疼吗？ 请用弹性盒子，它非常有用，我们曾经用它实现了浏览器界面的布局。

 多栏布局。今后不需要再使用像div或者li这样的标签以及display或者float属性来创建多栏布局，多栏布局可以很方便地实现这种效果。它的扩展形式区域模块可以用贴近印刷内容的实现，来表现杂志样式的复杂布局。

 

CSS3和HTML5相结合，将能够设计出强大且优美的网站和跨端的Web应用。HTML5着力于页面元素和结构，而CSS3偏重于页面表现，它们相辅相成，很难在具体应用中分割开来。

 

CSS3的标准写法目前还不能被所有浏览器支持，许多浏览器需要加上自身特殊的前缀，

例如线性渐变linear-gradient属性在WebKit内核浏览器里的写法为-webkit-linear-gradient，在Opera浏览器里的写法为-o-linear-gradient，在Firefox浏览器里的写法为-moz-lineargradient。

请注意，后面的CSS代码示例大多需要添加特定的前缀才能在相应的浏览器里正常显示。下面给出一些浏览器特殊前缀及其含义。

 

 -o-。Opera 浏览器特有前缀，o表示Opera。

 -webkit-。WebKit内核浏览器特有前缀，适用于Safari和Chrome浏览器。

 -khtml-。KHTML内核浏览器特有前缀，KHTML是WebKit的前身，适用于Safari和Chrome浏览器。

 -moz-。Firefox浏览器特有前缀，moz即Mozilla的缩写。

 -icab-。iCab浏览器特有前缀。

 -ms-。IE浏览器特有前缀，目前仅支持IE9和IE10。