正文

CSS速成指南(3)

CSS插件工具箱 作者:(英)Robin Nixon


如果指定的用戶樣式已被定義為瀏覽器默認(rèn)樣式,那么它將覆蓋瀏覽器的默認(rèn)設(shè)置。在用戶樣式表中未定義的任何樣式將保持在瀏覽器中的默認(rèn)設(shè)置。

2.1.6  外部樣式表

下一個類型的樣式是在外部樣式表中指定的樣式。這些設(shè)置將覆蓋由用戶或瀏覽器指定的樣式。外部樣式表是筆者推薦的創(chuàng)建樣式的方式,因為這種方式可為不同目的生成不同的樣式表,如Web常規(guī)樣式、用于小屏幕的移動瀏覽器的樣式、用于打印的樣式等,然后對每種類型媒體只應(yīng)用所需的樣式。

2.1.7  內(nèi)部樣式

內(nèi)部樣式是那些在<style>…</style>標(biāo)記對中創(chuàng)建的樣式,它們的優(yōu)先級高于前面所有樣式類型。不過,這也破壞了樣式和內(nèi)容的分離性,因為同時加載的任何外部樣式表將獲得較低的優(yōu)先級。

2.1.8  內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式是指直接將屬性指派給元素。它在所有樣式類型中具有最高優(yōu)先級。其使用方法如下所示:

<a >Visit Google</a>

在此示例中,指定的鏈接將以綠色顯示,而不管任何其他類型的樣式表是將默認(rèn)的或其他顏色設(shè)置直接應(yīng)用于這一鏈接還是通用于所有鏈接。

使用這種類型的樣式,將破壞布局和內(nèi)容之間的分離性;因此,建議只在必要時才這樣做。

2.2  選擇器

用于訪問一個或多個元素的方法稱為選擇,而CSS規(guī)則中執(zhí)行選擇的部分則稱為選擇器。確實,有許多不同種類的選擇器。

2.2.1  類型選擇器

類型選擇器作用于HTML元素類型,如<p>或<i>。例如,下列規(guī)則將確保<p>…</p>中的所有內(nèi)容兩端對齊:

p { text-align:justify; }

2.2.2  后代選擇器

后代選擇器可將樣式應(yīng)用于包含在其他元素中的元素上。例如,下列規(guī)則將<b>…</b>標(biāo)記中的所有文本設(shè)置為紅色,但只有當(dāng)它們位于<p>…</p>標(biāo)記中才有效(例如,<p><b>Hello</b> there </p>):

p b { color:red; }

后代選擇器可無限嵌套下去,因此,下面所示是個完全有效的規(guī)則,它使一個無序列表的列表元素中的粗體文本以藍色顯示:

ul li b { color:blue; }


上一章目錄下一章

Copyright ? 讀書網(wǎng) m.ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號