13. 语音 CSS3的语音模块CSS3可以让你为屏幕阅读者指定语音样式。你可以控制语音的不同设置，比如: voice-volume 使用从0到100的数字(0 即静音)、百分数或关键词(silent,x-soft,soft,medium,loud 和x-loud等)来设置音量。 voice-balance 控制来自哪个声道(如果用户的音箱系统支持立体声)。 Speak 指示屏幕阅读器阅读相 阅读更多>>

12. 媒体查询 媒体查询（media queries）可以让你为不同的设备基于它们的能力定义不同的样式。比如，在可视区域小于480像素的时候，你可能想让网站的侧栏显示在主内容的下边，这样它就不应该浮动并显示在右侧了： #sidebar { float: right; display: inline; /* IE Double-Margin Bugfix */ } @media all and (max-width:4 阅读更多>>

11. 盒子大小 根据CSS 2.1 规范，在计算盒子的总大小的时候，元素的边框和padding应该被加入到宽度和高度之中的。但是众所周知，旧的浏览器却以它们自己的非常有创意的方式来解释这个规范。box-sizing属性允许你指定浏览器如何计算一个元素的宽度和高度。 WordPress 在控制面板的所有的输入框元素中使用border-box 属性。 阅读更多>>

10. 盒阴影 box-shadow 属性可以对HTML元素添加阴影 而不用额外的标签或背景图片。类似text-shadow 属性，它增强设计的细节；而且因为它不影响内容的可读性，随意他可以是增加那种额外感觉/效果的一种很好的方法。 10to1 为它的导航背景和hover状态使用了box-shadow 属性 . 10to1 为其导航区域增加的一个简单的阴影并将该 阅读更多>>

9. 边框图片 border-image 属性允许你在元素的边框上设定图片， 让你从通常的solid, dotted 和其它边框样式中解放出来。该属性给设计师一个更好的工具，用它可以方便的定义设计元素的边框样式，比background-image 属性(对高级设计来说) 或枯燥的默认边框样式更好用。我们也可以明确的定义一个边框可以被如何缩放或平铺。 阅读更多>>

8. 圆角（边框半径） Border-radius 无需背景图片就能给HTML元素添加圆角。现在，它可能是使用最多的CSS3属性了，很简单的原因是使用圆角比较好而且不会对设计和可用性有冲突。 不同于添加Javascript或多于的HTML标签，仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的，而且可以让你免于花费几个小 阅读更多>>

7. @font-face属性 尽管是最被期待的CSS3 特性 (甚至它在CSS2中就已经被引入了)， @font-face在网站上仍然没有像其它CSS3属性那样被广泛采用.这主要因为字体授权和版权问题：嵌入的字体很容易从网站上下载到，这是字体厂商的主要顾虑。 尽管如此，授权我呢提貌似已经开始解决了。 TypeKit 承诺将制定一个方案，以使设计师和 阅读更多>>

6. 文字阴影 尽管在CSS2中就已经存在，text-shadow是一个未被广泛应用的CSS属性。但是它将在CSS3中被广泛采用。这个属性给设计师一个新的跨浏览器的工具来为设计添加一个维度以使文字醒目。 尽管这样，你需要确认，你的设计中的文字是可读的，以防用户的浏览器不支持CSS3高级属性。给文字和背景色彩足够的对比度以防text-sh 阅读更多>>

5. Word Wrap word-wrap 属性用来防止太长的字符串溢出的。可以用两个属性值normal 和break-word。normal 值(默认的) 只在允许的断点截断文字，如连字符。如果使用了break-word ，文字可以在任何需要的地方截断以匹配分配的空间并防止溢出。 WordPress 后台在数据表中使用了word-wrap. 在 WordPress 的控制面板中，word-w 阅读更多>>

4. 多背景图 CSS3 允许你使用多个属性比如background-image、background-repeat, background-size, background-position, background-originand background-clip等在一个元素上添加多层背景图片. 在一个元素上添加多背景的最简单的方法是使用简写代码，你可以指定上面的所有属性到一条声明中，只是最常用的还是image, posit 阅读更多>>