激动人心的CSS3的新特点（1）

随着网络带宽页面浏览速度的增加，界面的设计变得越来越漂亮，人们需要更加美观，具有特色的用户体验与界面。之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求：CSS3，新一代的标准应运而生。CSS3为了满足对Web UI 的开发需求，提供了强大的功能，诸如许多新的 CSS 属性，各种 CSS 特效，甚至还支持 CSS 动画、元素的变换。这些 CSS 新特性在现阶段可以说都是非常强大和完善的，您只需要加入几行简单的 CSS 代码便可以实现更加美观漂亮的效果，同时节约了开发成本，在过去需要用JavaScript实现的很多效果，现在通过CSS3可以直接实现。而人们可通过CSS的新特点，进行更有效，更容易执行的网页开发。这篇文章将主要来介绍 CSS3 的新特性以及一些使用上的技巧。


CSS 即层叠样式表（Cascading Stylesheet）。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏览器已经相继支持这项升级的规范，如：Firefox、Chrome、Safari、Opera 等等。在 Web 开发中采用 CSS3 技术将会显著的美化我们的应用程序，提高用户体验，同时也能极大的提高程序的性能。


CSS3色彩模组

CSS3支持更多的颜色和更广泛的颜色定义，CSS3对新的颜色的支持是HSL、CMYK、HSLA和RGBA

渐变边框

你可以使用-moz-border-radius / -webkit-border属性设置渐变边框

边框图片

有时，CSS的边框属性是不能满足需要的，如果你想使用图片边框，CSS3支持border-image和border-corner-image调整你的边框图片和边角图片属性。

圆角边框
安迪·巴德向我们展示了如何使用border-radius 和background属性轻松地创建圆角边框。

容器阴影
CSS3的属性box-shadow允许你添加一个阴影效果，而无需使用图像到选定的元素。目前，Safari 3以上和Firefox3.1（阿尔法）支持box-shadow。

多背景图片
如果你想添加多种背景到一个容器或段落，CSS3允许一个元素上多背景图片。

多列文本
这CSS3模块允许用户创建多列文本，使用 -moz-column-count和-moz-column-width而无需增加表格。如果您有一段很长的文本，这个CSS3的标签可能是非常有用的。

文本阴影
需要一个像Photoshop的文字阴影？ CSS3的text-shadow属性可以将阴影添加一些文本中的每个字母。此外，文字阴影不是CSS3中新出现的，它最初是在CSS2中，但是从CSS 2.1已被删除。

容器大小和容器模型
CSS3属性box-sizing允许您指定浏览器的行为，在计算元素的宽度和控制，一个容器应该是可调整大小。

CSS3的不透明度
虽然，CSS opacity属性已经存在了一段时间，但CSS3的推出将会让人更多的用到Opacity属性。您可以设置框，使用Opacity属性的图像和文字透明度。