曝光臺 注意防騙 網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者

陷的人們。許多Web 設計者都指定了太多的樣式，只能生成出系統完全無法讀取的、與原來不完全一致的網頁。幸運的是，
CSS2 將這種優先權過程顛倒，以致讀者規則決定最終的樣式。
12.5.3 級聯順序
樣式是從適用于一個元素的現有的樣式規則中選擇出來的。一般地，越專門的規則，優先權越高。例如，考察下面的這個片
段：
XML 實用大全
第 352 頁
<OUEVRE>
<PLAY ID=”x02” CLASS=”WILDE”>
The Importance of Being Earnest
</PLAY>
</OUEVRE>
最專門的規則就會優先。于是，通過其ID 選擇PLAY 元素將優于使用其CLASS 選擇PLAY 元素。使用其CLASS 來選擇PLAY
元素的規則將先于包含在OUEVER 元素中選擇PLAY 元素的規則。當然，如果不使用任何規則，將選擇通用的PLAY 規則。如
果選擇符不匹配，將使用從父元素那里繼承來的值。如果從父元素那里沒有繼承任何值，就使用缺省值。
如果在給定的特征級中有多個規則，那么級聯順序按下列優先級決定：
1．作者標記為重要的聲明。
2．讀者標記為重要的聲明。
3．作者未標記為重要的聲明。
4．讀者未標記為重要的聲明。
5．樣式單中的最近的規則。
應盡量避免依賴于級聯順序。指定盡可以少的樣式，并且讓讀者瀏覽器的優選項處于主控地位，就會很少出現錯誤。
XML 實用大全
第 353 頁
12.6 在CSS 樣式單中添加注釋
可以在CSS 樣式單中包含注釋。CSS 注解類似于C 語言的/* */注釋，而不像XML 和HTML 的<! - ->注釋。清單12-6 顯示了
這種注解的使用方法。不過，本樣式單不能把樣式規則應用于元素。它以英語來描述樣式規則可能出現的結果。
清單12-6：含有注釋的詩的樣式單
/* Work around a Mozilla bug */
POEM { display: block }
/* Make the title look like an Hl header */
TITLE { display: block; font size: 16pt; font-weight: bold }
POET { display: block; margin-bottom: 10 }
/* Put a blank line in-between stanzas,
only a line break between verses */
STANZA { display: block; margin-bottom: 10 }
VERSE { display: block }
CSS 比XML DTD、Java、C 或Perl 更容易理解，所以不像其他語言那樣需要使用注釋。可是，包含注釋也并非不好。使用注
釋可有助于那些想要弄明白所寫的樣式單的意義，而無法直接提出問題的人。
XML 實用大全
第 354 頁
12.7 CSS 中的單位
CSS 屬性具有名稱和值。表12-1 列舉了一些屬性名及其值。
CSS 的所有名稱都是關鍵字。但是，值則千變萬化。有些值是關鍵字，如display:none 中的none 或border-style:solid
中的solid；有些值是帶有單位的數字，如margin-top:0.5in 中的0.5in 或font-size:12pt 中的12pt；而另外還有一些值
則為URL，如background-image: url(http://www.idgbooks.com /images /paper.gif)中的http://www.idgbooks.com
/images/paper.gif)，或者為RGB 顏色，如color:#CC0033 中的#CC0033。不同的屬性可以為不同的值，但是，一個屬性只
能為下列四種類型的值：
1．長度
2．URL
3．顏色
4．關鍵字
關鍵字隨屬性而變，但其他類型的值則與屬性無關，保持定值。也就是說，長度值就是一個長度的長短，而不管其是哪個屬
性的值。如果知道如何指定一個邊界的長度，也就知道如何指定頁邊距(margin)、貼邊(padding)和圖像的長度。語法的這
種重用性使處理不同的屬性變得容易一些。
表12-1 屬性名和屬性值的示例
名稱 值
display None
font-style Italic
margin-top 0.5in
font-size 12pt
border-style Solid
color #CC0033
background-color White
background-image url(http://www.idgbooks.com/images/paper.gif)
list-styl –image url(/images/redbullet.png)
line-height 120%
12.7.1 長度值
XML 實用大全
第 355 頁
在CSS 中，長度是一種度量尺寸，用于寬度、高度、字號、字和字母間距、文本的縮排、行高、頁邊距、貼邊、邊框線寬以
及許許多多的其他屬性。可以用下列三種方法指定長度：
1．絕對單位
2．相對單位
3．百分比
12.7.1.1 長度的絕對單位
長度的絕對單位，似乎有點用詞不當的感覺，因為在計算機屏幕上確實沒有絕對的長度單位。將屏幕的分辯率從640´ 480
改為1600´ 1200，就會改變計算機中的所有長度，包括以英寸和厘米為單位的長度。但是，CSS 支持五種“絕對”長度單位
(至少其字體不會發生變化)。表12-2 列出了這五種長度的絕對單位。
表12-2 長度的絕對單位
英寸(in) 厘米(cm) 毫米(mm) 磅(pt) 十二點(pc)
英寸 1.0 2.54 25.4 72 6
厘米 0.3937 1 10 28.3464 4.7244
毫米 0.03937 0.1 1.0 2.83464 0.47244
磅 0.01389 0.0352806 0.352806 1.0 0.83333
十二點 0.16667 0.4233 4.233 12 1.0
長度是以數值來表示的，其后緊跟著表示長度單位的縮寫字母：
英寸 in
厘米 cm
毫米 mm
磅 pt
十二點 pc
長度單位的數值可能有小數點(如，margin-top:0.3in)。有些屬性允許為負值，如-0.5in，但并非都如此；甚至有些屬性往
往限制其負長度值的大小。要使交叉瀏覽器具有最大的兼容性，最好避免使用負值。
12.7.1.2 長度的相對單位
XML 實用大全
第 356 頁
CSS 還支持下列三種長度的相對單位：
1．em：當前字體中字母m 的寬度
2．ex：當前字體中字母x 的高度
3．px：一個像素的大小(假設為方形像素；如今的普通顯示器都使用方形像素，盡管幾乎現在就要被丟進垃圾箱的有些舊
PC 顯示器并非如此)
例如，下列規則設置PULLQUOTE 元素的左右邊為當前字體中字母m 寬度的兩倍，頂和底邊為當前字體中字母x 高度的1.5
　
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實用大全(102)