樣式表CSS的高階語法

2021-04-13 10:50:03 字數 1122 閱讀 1715

2007-09-17

選擇器的分組

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。

以下是引用片段:

h1,h2,h3,h4,h5,h6 

繼承及其問題

根據css,子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條規則:

以下是引用片段:

body 

根據上面這條規則,站點的body元素將使用verdana字型(假如訪問者的系統中存在的話)。

通過css繼承,子元素將繼承最高端元素(在本例中是body)所擁有的屬性(這些子元素諸如p, td, ul, ol, ul, li, dl, dt,和dd)。不需要另外的規則,所有body的子元素都應該顯示verdana字型,子元素的子元素也一樣。並且在大部分的現代瀏覽器中,也確實是這樣的。

但是在那個瀏覽器大戰的血腥年代裡,這種情況就未必會發生,那時候對標準的支援並不是企業的優先選擇。比方說,netscape 4就不支援繼承,它不僅忽略繼承,而且也忽略應用於body元素的規則。ie/windows直到ie6還存在相關的問題,在**內字型樣式會被忽略。我們又該如何是好呢?

友善地對待netscape 4

幸運地是,你可以通過使用我們成為"be kind to netscape 4"的冗餘法則來處理舊式瀏覽器無法理解繼承的問題。

以下是引用片段:

body 

p, td, ul, ol, li, dl, dt, dd 

4.0瀏覽器無法理解繼承,不過他們可以理解組選擇器。這麼做雖然會浪費一些使用者的頻寬,但是如果需要對netscape 4使用者進行支援,就不得不這麼做。

繼承是乙個詛咒嗎?

如果你不希望"verdana, sans-serif"字型被所有的子元素繼承,又該怎麼做呢?比方說,你希望段落的字型是times。沒問題。建立乙個針對p的特殊規則,這樣它就會擺脫父元素的規則:

以下是引用片段:

body 

td, ul, ol, ul, li, dl, dt, dd  p 

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

三 css系列之語法 樣式表

一 css簡介及基本語法 1.什麼是css cascading style sheet層疊樣式表,用於修飾和美化html標籤的一種計算機語言,能夠實現結構表現的分離。2.css基本語法選擇器3.選擇器 選擇器也叫作選擇符,作用是告訴瀏覽器,樣式的應用物件 4.選擇器的種類 標籤選擇器 元素選擇器 類...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...