• 热门标签

当前位置: 主页 > 航空资料 > 计算机 >

时间:2010-08-09 13:24来源:蓝天飞行翻译 作者:admin
曝光台 注意防骗 网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者

和background-position 属性的简略方法。例如,要在INVITATION 元素中将background-color 设置为white,
background-image 设置为party.gif,background-repeat 设置为no-repeat 以及background-attachment 设置为fixed,
可使用下面的规则:
INVITATION { background: url(party.gif) white no-repeat fixed }
下面的规则与上面的意思是完全一样的,只是句子更长,但更容易理解:
INVITATION { background-image: url(party.gif);
background-color: white;
background-repeat: no-repeat;
background-attachment: fixed }
当使用background 简略属性时,对于这五个属性的任何一个或所有的值都可按任何顺序给出。但是,可以省略不只一个值。
例如,用于图12-16 的右上角对齐规则还可以表示如下:
INVITATION { background: url(party.gif) no-repeat 100% 0% }
XML 实用大全
第 388 页
12.12 文本属性
如不考虑字体,影响文本外观的属性有8 个:
1.word-spacing
2.letter-spacing
3.text decoration
4.vertical-align
5.text transform
6.text-align
7.text-indent
8.line-height
12.12.1 word-spacing 属性
word-spacing 属性通过在单词之间附加空格而使文本扩大。负值会删除单词之间的空白。要改变Web 网页上的词间距,我
认为唯一的理由就是,如果你是位学生,工作时受到页面数目的限制,而又想使纸张看起来比实际的大或小一些。
桌面出版商热衷于调节这类属性。问题是他们已了解到的有关如何、什么时候调整间隔的所有准则是基于纸上印刷
的,但在转换到以磷光体(一般为CRT 显示器)表现的电子媒介时就失效。让浏览器来决定字和字母的间距,几乎永
远是最好的方法。
另一方面,如果目标媒体是纸上的墨水,那么通过调整这些属性就可以获得更多的空间。主要区别是,在纸上使用墨水就能
控制输出媒体。准确地知道字体多大、显示器有多宽和多高、每英寸有多少点可供使用等等。实际是,在Web 上,没有有关
可供输出媒体的足够信息,以便详细地控制所有的情况。
如要改变word-spacing 的缺省值(norma1),可给属性设置长度。例如:
INVITATION { word-spacing: 1em }
如浏览器不关注此属性,尤其是如果它与其他属性(如align: justified)发生冲突时更是如此。Internet Explorer 5.0
不支持word-spacing,但Mozilla 则支持(如图12-19 所示)。
XML 实用大全
第 389 页
图12-19 字间距为1em 的INVITATION 元素
12.12.2 letter-spacing 属性
letter-spacing 属性能在字母之间添加额外的空隙从而扩展文本。设置为负值,就会删除字母之间的空隙。同样,我认为
在Web 网页上这样做的唯一的理由是让纸张看起来比实际的更大或更小,以满足纸张长度要求。
要从normal 缺省值变为其他值,可为此属性设置一长度。例如:
INVITATION { letter-spacing: 0.3em }
由于通过调整字母之间空隙大小就可以获得两端对齐,所以手工改变字母间距就可以防止浏览器使文本两端对齐。
浏览器不关注此属性,尤其是如果它与其他属性(如align:justified)发生冲突时更是如此。但是,Internet Explorer 和
Mozilla 都能体现此属性(如图12-20 所示)。
图12-20 字母间距为0.3em 的INVITATION 元素
XML 实用大全
第 390 页
12.12.3 text-decoration 属性
text-decoration 属性可以是下列五个值之一:
none
underline
overline
line-through
blink
除了none(缺省值)之外,这些值都不互斥。例如,可以为一个段落指定下划线(underline)、上线(overline)、删除线(struck
through)和闪烁(blink)。(可我不推荐这样做。)
浏览器不支持闪烁文本。这是一件好事情。
例如,下面的这条规则指定CHARACTER 元素加上下划线。图12-21 显示了将此规则应用于清单12-7 中的《第十二夜》大纲
的情景。
CHARACTER { text-decoration: underline }
图12-21 带下划线字符的Twelfth Nigh 大纲
12.12.4 vertical-align 属性
vertical-align 属性指定内联元素如何根据文本的基线定位。有效值是:
XML 实用大全
第 391 页
baseline
sub
super
top
text-top
middle
bottom
text-bottom
还可以使用元素的行高的百分数来表示。缺省值是baseline,表示把元素的基线与其父元素的基线对齐。
sub 值使元素成为下标。super 值使元素成为上标。text-top 值使元素的顶端与父元素字体的顶端对齐。middle 值使元素的
垂直中心与父元素的基线加上x-height 一半对齐。text-bottom 值使元素的底部与父元素字体的底部对齐。
top 值使元素的顶端与此行上最高字母或元素的顶部对齐。bottom 值使元素的底部与此行上最低字母或元素的底部对齐。精
确的对齐方式随最高或最低字母的高度而变。
例如,用于脚注数字的规则如下面的语句所示,它把数字成为上标,并且大小减小20%。
FOOTNOTE_NUMBER { vertical-align: super; font-size: 80% }
12.12.5 text –transform 属性
text-transform 属性可用来指定文本应以全部大写字母、全部小写字母或首字母为大写形式显示。例如,这个属性用于标
题是很有用的。有效值为:
capitalize
uppercase
lowercase
none
capitalize(以大写字母开头)仅使每个单词的首字母成为大写(如本句:Capitalization Makes Only The First Letter Of
Every Word Uppercase)。但如把句子设置成uppercase(大写体)将使句子中的每个字母成为大写(如PLACING THE SENTENCE
IN UPPERCASE, HOWEVER, MAKES EVERY LETTER IN THE SENTENCE UPPERCASE)。下面的规则将《第十二夜》剧本大纲中的
TITLE 元素转换成大写体。图12-22 为应用了此规则后所显示的大纲。
TITLE { text-transform: uppercase }
 
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址:XML实用大全(110)