曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
有些则是REFRAIN 元素的直系子代。后代选择符是由一个空格分开的两个或更多个元素标志符组成的。SONNET VERSE 形式
的后代选择符匹配VERSE 元素,后者是SONNET 元素的任意后代。为了指定后代的特定层次,需要使用SONNET*VERSE 形式,
它强制VERSE 元素至少应为孙代,或为SONNET 元素更低的后代。
要指定直系子代元素,可使用STANZA>VERSE 的形式。这种形式把规则只应用于成为STANZA 元素直系子代的VERSE 元素,所
以不影响REFRAIN 元素的任何VERSE 子代。
可以把后代和子代选择符结合起来,以查找特定的元素。例如,下列选择符查找属于REFRAIN 元素第一个子代的所有VERSE
元素,而REFRAIN 元素又是SONNET 元素的后代。
SONNET REFRAIN>VERSE:first { padding: “2cm” }
将上述规则应用于清单13-1,则此规则选择诗句“Let them say more that like of hearsay well,”。
13.2.4 直系同属选择符
直系同属选择符在元素指示符之间使用加号(+)来识别与其后的另一元素处于同一层次的元素。例如,下面的代码选择与
STANZA 元素共享一个父元素并紧接在STANZA 元素之后的所有REFRAIN 元素。
STANZA+REFRAIN { color: red }
13.2.5 特性选择符
特性选择符标识特定的元素/特性的组合。把要匹配的特性名用方括号括起来放在元素名之后。例如,下面的规则将带有
NUMBER 特性的所有STANZA 元素都变成红色:
STANZA[NUMBER] { color:red }
此规则将具有NUMBER 特性的所有STANZA 元素都变成红色,而不管特性值是什么。它包括由DTD 提供的具有缺省NUMBER 特
性的元素,但不包括没有NUMBER 特性的STANZA 元素。
要测试特性值,可使用设置特性值的相同句法;也就是说,等于号放在名称后面,值放在等于号后面,并放在引号中。例如,
仅指定其NUMBER 特性值为3 的STANZA 元素变为红色,则可使用下面这条规则:
STANZA [NUMBER="3"] { color:red }
13.2.6 @规则
XML 实用大全
第 414 页
@规则用来完成某项任务,而不是选择元素,并把一些样式应用于这一元素。@规则有五种:
1.@page:把样式应用于页面(而不是此页上的元素)
2.@import:在当前样式单中嵌入一外部样式单
3.@media:把只能用于某种媒体的特性组合起来成为样式规则
4.@font-face:描述样式单中用于其他地方的字体
5.@charset:定义样式单使用的字符集
13.2.6.1 @page
@page 规则选择页面框。在其内部,设计者可指定各页面的大小、版面布局、取向和页边距。页面框是矩形区域,
大约为打印页的大小,它包含页面区域和页边距。页面区域包括要显示的内容,框边缘作为一种容器,页面版面就
处于分页符之间。与其他框不同,页面框没有边界线或贴边,只有页边距。
@page 规则选择文档中的每一页面。可使用下面的页面伪类属性之一:first、:left 或:right 来为各页面类指定不
同属性。
由于@page 规则不知道含有字体的页面内容,所以无法理解以em 和ex 为单位的尺寸。所有的其他度量单位(包括
百分数)都是可以接受的。用于设置页边距的百分数也是总页面框的百分数。页边距可为负值,表示把内容放在通
常应用程序或打印机可访问的区域之外。在大多数情况下,只保留可见或可打印区域内的信息。
13.2.6.2 @import
@import 规则把指定的外部样式单嵌入到现有的样式单中。这样可以根据多个较小、较容易理解的片断生成大样式
单。导入的样式单使用.css 扩展名。例如,下面的规则导入poetry.css 文件。
@import url(poetry.css);
@import 规则可在样式单后面指定媒体类型。如果没有指定媒体类型,@import 规则就没有限制,并且可用于所有
媒体类型。例如,下列规则导入printmedia.css 文件。在这个样式单中的声明只适用于印刷媒体(print media)。
@import url(printmedia.css) print;
下面的这条规则导入continuous.css 文件,可用于计算机显示器或电视机显示器。
@import url(continuous.css) tv, screen;
导入到其他样式单中的样式单,在级联中的等级要比导入它的样式单低。例如,假设shakespeare.css 为VERSE
指定New York 字体,而shakeprint.css 为VERSE 指定Times 字体。如果将Shakespeare.css 导入到shakeprint.css
中,那么,诗句将以Times 字体显示。
13.2.6.3 @media
XML 实用大全
第 415 页
可使用多种媒体把信息传递给读者,每种媒体都有其自己的习惯样式和格式。现在还不能使语音合成器较好地以单
音调来阅读Shakespeare 的诗句,如今可以吗?斜体字对于等宽终端也没有什么意义。
CSS2 可为显示在不同媒体中的相同元素指定不同的样式。例如,如果正文使用的是非衬线字体,则在屏幕上就更
容易阅读,而如果正文是以衬线字体编写在纸上时,通常最容易阅读。可以将只准备用于一种媒体的多个样式规则
放入一条指明媒体名的@media 规则中。在一篇文档中,@media 规则的数量与指定的媒体类型一样多。例如,下面
的这些规则将根据是在纸上打印还是在显示器上显示把SONNET 元素格式化成不同的样式。
@media print {
SONNET { font-size: lopt; font family: Times, serif }
}
@media screen {
SONNET { font-size: 12pt;
font-family: New York, Times New Roman, serif }
}
@media screen, print {
VERSE { line-height: 1.2 }
前两条规则明确定义了为打印机和屏幕媒体类型所使用的样式。由于现在的计算机显示器的分辨率比现在的打印机
低得多,所有显示在屏幕上的字体比打印输出要大,并且选择适用于屏幕的字体,这是很重要的。
第三条规则提供适用于这两种媒体类型的样式。要为多个媒体类型同时指定样式指令,可简单地将媒体名列在
@media 规则指定符之后,并以逗号分开。
支持CSS2 的浏览器允许文档的作者提供决定特定类型媒体如何显示文档的规则。例如,当在屏幕上显示一文档时,
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址:
XML实用大全(116)