(dreamweaver与xml综合应用)-css的高级应用.doc

《(dreamweaver与xml综合应用)-css的高级应用.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、175第5章CSS的高级应用第5章CSS的高级应用在本章中将讲述一些关于CSS的高级应用问题，其中包括CSS打印支持、声音层叠样式表、CSS的滤镜和渐变以及在CSS中使用名域等高级内容。5.1CSS打印支持CSS打印支持允许样式表在文档中表述分页（pagebreak）、页框架（pagebox）以及媒介（media）支持度等内容。page-break-before和page-break-after两个属性指定了浏览器应该在哪个地方分页，并且把内容续写在哪一个页面上（左页或右页）。这两个属性被设计成支持打印机媒介，但是同时网页对其他显示页面的媒介起作用（例

2、如投影仪）。page-break-before是指定浏览器应该在哪个元素之前分页。属性值共有四个，分别是：auto，always，left和right。如果属性值是auto，那么在需要分页的情况下，一个元素的前面放入一个分页符，也就是说当当前页面上没有多余空间时，就产生分页符。当属性值是always时，在一个元素的前面总是有一个分页符，而不论当前页面上还有多少空间。如果属性值是left，那么表示将在一个元素的前面放上一个或两个分页符，直到达到一张空白的左页。属性值是right时，它会在一个元素前放上一个或者两个分页符，直到达到一个空白的右页。page-

3、break-after是指定浏览器应该在哪一个元素之后分页。同样它有四个属性值，分别是auto，always，left和right。如果属性值是auto，那么在需要分页的情况下，一个元素的后面放入一个分页符，也就是说当当前页面上没有多余空间时，就产生分页符。当属性值是always时，在一个元素的后面总是有一个分页符，而不论当前页面上还有多少空间。如果属性值是left，那么表示将在一个元素的后面放上一个或者两个分页符，直到达到一张空白的左页。属性值是right时，它会在一个元素后面放上一个或者两个分页符，直到达到一个空白的右页。5.2声音层叠样式表视觉缺

4、陷的用户可以使用特殊的软件来阅读Web网页。将来，使用这种方法可能会扩大到视觉完好的人，他们一边浏览Web，同时一边使用电话进行交谈、一边驾驶汽车、一边洗涮盘子以及进行其他活动，而在这些过程中，眼睛和手用于不同的目的。样式表通过为样式属性声明属性值来影响文档的表现。而这里要说明的部分为声音演示定义了它自己独特的样式属性以及它们相应的可能取值。175第5章CSS的高级应用5.2.1通用声音属性属性volume合法的百分比范围是0%～100%。注意这里所谓的0%并不代表什么声音也没有，而是代表用户可以听到的最小音量，100%则对应于能够被用户接受的最大音量

5、。扬声器所发出的音量取决于媒体形式。也就是说，如果使用一种具有较高音量反映率的扬声器，那么也许50%就足够了。从另一个方面来说，音量的控制也有赖于用户对媒体音量的调整，用户总是把音量调到他们最舒服的范围内。因此这种物理的控制也可以对音量有动态地调整。浏览器应该允许相对于0%～100%的值可以由用户来调整。属性pause-before表示在元素前停顿。它可以使用绝对定位单位（秒、毫秒等）或者相对值，这个值是参照speech-rate的属性值来决定的。例如如果speech-rate是每分钟120个单词，那么pause-before的值是100%，代表每一个

6、单词前停顿500毫秒，如果是20%代表停顿100毫秒。属性pause-after定义了在每一个单词后面的停顿。属性pause是pause-before和pause-after的简便指定形式。如果在定义时给出两个值，那么它们分别代表前停顿和后停顿，如果仅给出一个值，那么就作用于前后停顿。5.2.2空间属性声音空间是一种重要的声音演示风格属性。它提供了一种自然的方法把几个声音分开。在现实生活中使用同样的方法。立体扬声器产生了一种侧面的声音效果，双耳机或者正在逐渐流行的5声道家庭影院系统都可以产生完全的立体声环绕效果，而多重扬声器设备就可以产生一个真正的3D

7、声音效果。属性azimuth是方位角的意思，它的值可以在－360°到+360°的范围之间。其中0度代表直接在音场的正中央，90°代表右，180°代表后，270°代表左。除了以上的这些绝对单位值，还可以使用关键字来进行方位角定义。这些关键字的对应关系见表5.1所示。表5.1方位角对应关系关键字角度值使用“behind”的角度值left-side270度（deg）270度（deg）far-left300度（deg）240度（deg）left320度（deg）220度（deg）center-left340度（deg）200度（deg）center0度（deg

8、）180度（deg）center-right20度（deg）160度（deg）right40度