19.1  溢出处理
css3对overflow的x和y轴分别处理
超出显示，自动，隐藏超出的，滚动
overflow-x   overflow-yo
verflow-y:visible; 
自动和滚动条基本一样，
不同浏览器有解析差异，最好x和y值一样

19.2.1 使用@font-face规则
不用担心用户字体，不管用户是否安装该字体，都能正确显示，没有该规则，浏览器只能在系统中找字体
它能加载服务器端的字体文件，显示客户端所有安装的字体
@font-face{
 font-family:"lexograph";
 src:url(http://randsco.com//fonts/lexograph.eot);
 src:local("Lexcgrapher"),;url(http://randsco.com/fonts/lexograph.ttf) format(tr...
}
对中文不适应，因为中文字体太大，最好用图片的形式

19.3.1 认识Media Queries模块
不同窗口，浏览器尺寸不同，只按一种其它会有些问题，又不能每个窗口都做一个
针对不同浏览器针对不同窗口设计不同样式，打印样式，屏幕样式，
导入外部样式，要指定类型type="text/css" media="all"></style>
c3推荐使用该模块，手持方向，横或竖向
IE条件语句，对不同浏览器使用不同的css

19.3.2 认识@media规则
@media:<sMedia> {sRules} 指定设备名称，样式表定义
all表所有设备，aural语音和音乐合成器，；screen,print,tty,tv
指定浏览器窗口大于400px时
(min-widths:400px)
min/max 小于/大于
@media screen and(max-width:639px){样式代码}
@media handheld and(min-width:360px),screen and(min-width:480px){样式代码}
not取反，only仅有
@media not handheld and(color){样式代码} 非便设备
@media all and(notc color){} 非彩色
对不运行的浏览器对忽略，
精确作用不同设备
只接受单个逻辑表达式，媒体特性表见视频

19.3.3 使用@media规则
@media Screen and (max-width:600px){} 如果窗口小于600px时执行样式代码
@media Screen and (min-width:900px){} 大于900
@media Screen and (min-width:600px) and (max-width:900px){}
@media Screen and (min-device-width:480px){} 设备最大宽度480

19.3.4 在网站中应用@media规则
有时是把新式表放在一个独立的文件中
<link rel="sytleheet" type="text/css" href="small-device.css" media="only screen and (max-device-width:480px)"/>
<link rel="sytleheet" type="text/css" href="small-device.css" media=" handheld and (min-width:30em), screen and (max-width:30em)"/>
宽度在800px以下用一个样式表，600-800px之间用一个样式表
c3新增的功能，对@media不是很支持，如IE
可台考虑用IE条件语句，mac对其支持比较好，如iphone和mac

19.4 添加语音功能
Speech模块
css3在04年推出语音模块，属性比较多，音量，声音平衡，阅读类型，暂停，设置休止，提示，标注，语系，比率，音调，持续时间
#voice-volume{-xv-voice-balance
还有许多浏览器不支持

19.5 设计倒影
设计倒影，c3新增一个模块，传统用ps设置背影图片，c3可通过样式实现，目前吸是webkit引擎支持，
-webkit-box-reflect:<direction><offset><mask-box-image>
系统资源消耗大
-webkit-box-reflect:below