曝光臺(tái) 注意防騙
網(wǎng)曝天貓店富美金盛家居專營(yíng)店坑蒙拐騙欺詐消費(fèi)者
XML 實(shí)用大全
第 392 頁
圖12-22 大綱中的TITLE 現(xiàn)在成為大寫
text-transform 屬性與語言有關(guān)，因?yàn)樵S多語言(如中文)就沒有任何大寫和小寫的概念。
12.12.6 text-align 屬性
text-align 屬性只應(yīng)用于塊級(jí)元素。它指定塊中的文本是否為左對(duì)齊、右對(duì)齊、居中或兩端對(duì)齊。
left
right
center
justify
下面的規(guī)則使《第十二夜》劇本大綱中的TITLE 元素居中，并使其他的兩端對(duì)齊。圖12-23 顯示了應(yīng)用這些規(guī)則之后的大綱。
TITLE { text-align: center }
SYNOPSIS { text-align: justify }
XML 實(shí)用大全
第 393 頁
圖12-23 大綱中TITLE 居中，而文本的其他部分兩端對(duì)齊
12.12.7 text-indent 屬性
text-indent 屬性只應(yīng)用于塊級(jí)元素，它指定塊的第一行相對(duì)于塊其余行的縮排方式，可用絕對(duì)長(zhǎng)度或父元素寬度的百分?jǐn)?shù)
來表示。此值可為負(fù)，表示懸掛式縮進(jìn)。
要使元素的所有行而不僅僅是第一行都縮進(jìn)，可使用框?qū)傩?將在下節(jié)討論)在元素上設(shè)置額外的左邊距。
例如，下面的規(guī)則將大綱中的場(chǎng)景縮進(jìn)半英寸。圖12-24 顯示了在應(yīng)用了本規(guī)則之后的大綱。
SCENE { text-indent: 0.5in }
12.12.8 line-height 屬性
line-height 屬性指定后續(xù)行基線之間的距離，可用絕對(duì)數(shù)字、絕對(duì)長(zhǎng)度或字號(hào)的百分?jǐn)?shù)來表示。例如，下面的這條規(guī)則使
SYNOPSIS 元素的行距加倍。圖12-25 顯示在應(yīng)用此規(guī)則之后的《第十二夜》劇本大綱。
SYNOPSIS { line-height: 200% }
XML 實(shí)用大全
第 394 頁
圖12-24 大綱中的SCENE 及其子元素都縮進(jìn)半英寸
圖12-25 間隔加倍的大綱
行距加倍不是特別吸引人，所以我要將其刪除。在下一節(jié)中，在各元素周圍添加了一些額外的頁邊距，以獲得良好的效果。
清單12-15 概述了本節(jié)中加入到大綱樣式單的所有情況(去掉了行距加倍)。
清單12-15：文本屬性的大綱樣式單
SYNOPSIS, TITLE, ACT, SCENE { display: block }
SCENE_NUMBER { font: italic smaller serif }
TITLE { font: bold x-large Helvetica, sans-serif }
SYNOPSIS { font: 14pt Times, "Times New Roman", serif }
ACT_NUMBER { font variant: small-caps }
ACT_NUMBER:first-letter { font-variant: normal }
ACT_NUMBER { font-weight: bold }
CHARACTER { text-decoration: underline }
TITLE { text-transform: uppercase }
TITLE { text-align: center }
SYNOPSIS { text-align: justify }
SCENE { text-indent: 0.5in }
XML 實(shí)用大全
第 395 頁
XML 實(shí)用大全
第 396 頁
12.13 框?qū)傩?br />
CSS 描述了兩維的繪制輸出內(nèi)容的一塊畫布。在這塊畫布上繪制的元素被包圍在虛構(gòu)的矩形中，這些矩形稱為框(box)。這
些框總是平行于畫布的邊緣放置。使用框?qū)傩允谷藗兡軌蛑付▎蝹�(gè)框的寬度、高度、頁邊距、貼邊、邊、大小和位置。圖
12-26 顯示這些屬性之間的關(guān)系。
圖12-26 具有頁邊距、邊框線和貼邊的CSS 框
12.13.1 頁邊距屬性
頁邊距屬性指定加到框的邊框線外面的間距。也可使用margin-top、margin-bottom、margin-right 和margin-left 分別設(shè)
置頂端、底、右和左頁邊距。各頁邊距可使用絕對(duì)長(zhǎng)度或父元素寬度大小的百分?jǐn)?shù)來表示。例如，按下面的規(guī)則和圖12-27
演示的那樣，設(shè)置ACT 的margin-top 屬性為1ex，就可以在每個(gè)ACT 元素和其前面的元素之間增加額外的間距。
ACT { margin-top: 1ex }
圖12-27 ACT 元素的頂端邊距變大
也可以使用簡(jiǎn)略的margin 屬性一次設(shè)置所有的四個(gè)邊距。例如，為基本元素(本例為SYNOPSIS)設(shè)置頁邊距屬性，就可以在
整個(gè)《第十二夜》文檔周圍增加額外的空間。
SYNOPSIS { margin: 1cm 1cm 1cm 1cm }
事實(shí)上，這與頁邊距單獨(dú)使用一個(gè)值是一樣的，CSS 會(huì)將這個(gè)值認(rèn)為可應(yīng)用于所有四個(gè)邊上。
XML 實(shí)用大全
第 397 頁
SYNOPSIS { margin: 1cm }
若給出兩個(gè)margin 值，則第一個(gè)應(yīng)用于頂端和底部，第二個(gè)應(yīng)用于右和左邊。若給出三個(gè)margin 值，則第一個(gè)應(yīng)用于頂端，
第二個(gè)應(yīng)用于右和左邊，第三個(gè)應(yīng)用于底部。只使用各自的margin-top、margin-bottom、margin-right 和margin-left
屬性也許更容易。
圖12-28 在整個(gè)大綱周圍增加1 厘米空間
12.13.2 邊框線屬性
大多數(shù)框都有邊框。它們是影響基本內(nèi)容布局的想像中的框，但也許讀者無法看見這些框。但是，可以使用邊框線屬性在其
周圍繪出線，從而使框可見。邊框線屬性允許指定邊框線的樣式、寬度和顏色。
12.13.2.1 邊框線樣式
缺省條件下，不管邊框線的寬度和顏色是否設(shè)置，在框的周圍不會(huì)繪制任何邊界。要使某一邊界可見，必須把框的
border-style 屬性從其缺省值none 改變?yōu)橄铝兄抵唬?br />
dotted
dashed
solid
double
groove
ridge
inset
outset
XML 實(shí)用大全
第 398 頁
border-style 屬性可有一到四個(gè)值。正如margin 屬性一樣，一個(gè)值適用于所有四個(gè)邊界。使用兩個(gè)值時(shí)，第一個(gè)值表示第
一樣式，用來設(shè)置頂和底邊界，第二個(gè)值表示第二樣式，用來設(shè)置右和左邊界。使用三個(gè)值時(shí)，則按順序設(shè)置頂、右及左和
底邊界。當(dāng)使用四個(gè)值時(shí)，則表示按從頂、右、底和左的順序設(shè)置每個(gè)邊界。例如，下列這條規(guī)則使用實(shí)線邊框把整個(gè)SYNOPSIS
圍住。圖12-29 是Internet Explorer 5.0 顯示的情景。在這種情況下，邊框?qū)κ鬼撨吘喔用黠@的效果不太大(記住，頁
邊距在邊框之外)。
SYNOPSIS { border-style: solid }
圖12-29 大綱周圍的邊框
Internet Explorer 5.0 只顯示實(shí)線邊框。其他樣式都是作為簡(jiǎn)單地實(shí)線邊框繪出。
12.13.2.2 邊框線寬度
為了指定沿框的頂端、底部、右和左邊緣指定邊框線的寬度，共有四個(gè)border-width 屬性。它們是：
1．border-top-width
2．border-right-width
中國(guó)航空網(wǎng) www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：
XML實(shí)用大全(111)
