曝光臺 注意防騙
網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
和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.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(110)