【51CTO快译】在CSS版别3中会有许多振奋人心的功用。CSS3会有更好的灵活性，使之前杂乱的作用现在制造起来挥洒自如。在CSS3中规划有许多可节省时间的规矩：text-shadow（文字暗影作用），box-sizing（变尺度方框），opacity（通明度），multiple backgrounds（多布景），border-radius（边框圆角），border-image（边框图象），multi-column layout（多列布局）等等。

虽然现在只要***的浏览器支撑这些作用，看看之后会怎么样仍是很有意思的。

在这篇文章中，咱们要来看看CSS3的一些有意思的特点，现在规划网页时就能够运用这些特点。

51CTO修改引荐：CSS 3备受等待的8大功用

CSS3 色彩模块

CSS3支撑更多色彩和更广的色彩界说。CSS3支撑的新色彩有HSL, CMYK, HSLA and RGBA。下面的powerpoint具体介绍了CSS3色彩以及怎么运用这些色彩。

突变边框

你能够运用-moz-border-radius / -webkit-border特点得到突变边框。

边框图画

有时一般CSS边框特点无法满意要求。假如期望在边框上运用图画，能够运用CSS3的border-image和border-corner-image 特点来支撑边框图画。

圆角方框

运用border-radius和background position特点能够轻松制造圆角方框。

方框暗影

CSS3的box-shadow特点能够让你增加暗影作用，而不用在选定的元素上运用图片。现在Safari 3+和Firefox 3.1 (Alpha)支撑box-shadow特点。

多布景图片

想在一个方框或一个阶段上增加多个布景？CSS3答应在一个元素上有多个布景。

多列

不需求增加表格，运用-moz-column-count和-moz-column-width这个CSS3模块能够制造多列文本。假如网页上的文本过长，这个CSS3标签就有了用武之地。

文字暗影作用

需求有像Photoshop中Text shadow的作用吗？CSS3 text-shadow特点能够给一些文本的一切字母上都加上暗影。对CSS3来说text-shadow特点并不是新事物，它开端在CSS2中推出，但CSS 2.1又取消了这个特点。

#p#

变尺度方框和方框模型

假如浏览器的尺度为可调，CSS3的box-sizing特点能够让你经过核算一个元素宽度来指定操控浏览器行为。

CSS3 opacity

虽然CSS的通明度特点现已存在了一段时间，推出的CSS3中通明度特点会得到更广泛的运用。你能够运用这个特点设定方框，图画和文本的通明度。

CSS3 选择符

面临CSS3新推出的选择符，你是否感到莫衷一是？这篇文章对CSS3选择符做的破解和解说是很有有用含义的。

用CSS3和RGBA制造的按钮

你不会信任这些按钮没有用到任何图片仅运用CSS3特点就制造成了。

用CSS3打开用户界面

这是一个用构思地运用CSS3的比如。一个用CSS3对 OSX用户界面所作的模仿。

带有jQuery插件的CSS3样板布局

这个插件能够让网页规划者经过jQuery运用W3’s CSS 的样板布局模块。

运用CSS3 RGBA制造通明作用

RGBA能够让你指定一种色彩为通明。

CSS3用户自界说字体

虽然用其它办法也能够嵌入字体，不过运用CSS3做自界说字体会使问题简略不少。

#p#

用CSS3和jQuery制造Polaroid图片浏览器

网页制造人Marco Kuiper给咱们展现了怎么结合CSS3和JQuery制造Polaroid图片集。

变尺度方框的比如和运用

结合运用各CSS3特性而发生的的趣味

运用了CSS选择符后，鼠标逗留在菜单上时，它就能够模仿按下按钮。

创建和运用CSS3链接

CSS3能够使链接办理更有力有用。咱们能够轻松把链接状况指定为链接，被拜访，逗留和活动状况等不同的链接状况值。

CSS3 的提示文本

将:before (or :after) pseudo element和:hover pseudo class.结合能够制造提示文本。

用特点选择器设置方法

运用特点选择器能够设置网页表面。

CSS 通明度

有许多运用CSS通明度的方法使网站用户对网站发生好感。你能够操控文字和图片的通明度使内容到达视觉上的满意。

运用CSS3选择器运用链接图标

用CSS3选择器在链接旁增加图标更简易。

简略CSS3圆角特点（支撑IE）

虽然Safari 和Firefox现在各版别都支撑CSS的border-radius（圆角边框）特点，Internet Explorer却不支撑。不过，运用IE的条件句子和图片你就有了很好的跨浏览器圆角功用。

CSS3中的暗影作用

CSS3的-webkit-box-shadow特点能够在任意指定div上制造暗影。这个比如仅用于Safari。

原文：CSS3 Exciting Functions and Features: 30+ Useful Tutorials

您正在阅览的是：CSS 3中的夺目新功用抢先预览

【修改引荐】

1. CSS 3备受等待的8大功用
2. CSS网页布局困扰新手的八个问题
3. 25个下拉菜单导航脚本下载
4. HTML 5 正式规范恐将2022年才干正式发布
5. CSS禅意花园》作者Dave Shea谈CSS规划