css css權威指南學習筆記2

2021-09-07 07:54:59 字數 831 閱讀 6639

第二章 選擇器

1、在font屬性中,只有一種情況下可以使用/來分隔兩個特定的關鍵字,即元素的字型大小/行高。

2、通過把兩個類選擇器鏈結在一起,可以選擇同時包含這些類名的元素,類名的順序不限。

.warning.urgent

3、在ie7之前的瀏覽器,p.warning.help只會匹配p.help。

4、同時使用id選擇器和class選擇器,將會引用id選擇器中的值。(id選擇器比類選擇器優先順序高)

5、簡單屬性選擇:為所有帶有alt屬性的影象應用某種樣式:

img[alt]

(這個例子更多用於診斷影象是否確實有效,因為img規定必須要有alt值)

6、屬性選擇時也可以選擇具有特定屬性值的元素,以進一步縮小選擇範圍。

7、根據部分屬性值選擇:(根據詞選擇)

p[class~="warning"]

將會選擇class屬性中包含warning的p元素,等價於p.warning。但它可以應用於任何屬性,而不僅僅是class。如

img[title~="figure"]

它將會選擇title文字中包含figure的所有影象。

8、子串匹配屬性選擇器:p48.

9、特定屬性選擇型別:

img[src|="figure"]

將選擇src屬性以figure開頭的img元素。這個是匹配字串,與根據部分屬性值選擇不同。

10、選擇相鄰兄弟元素:

h1+p

選擇緊接著h1元素後出現的所有p元素。他們具有共同的父元素。

css css權威指南學習筆記3

第三章 結構和層疊 1 確定應向乙個元素應用哪些值時,使用者 不僅要考慮繼承,還要考慮宣告的特殊性,另外需要考慮宣告本身的 這個過程就稱為層疊。2 特殊性。如果乙個元素有兩個或多個衝突的屬性宣告,那麼有最高特殊性的宣告會勝出。對於選擇器中給出的各個id的屬性值,加0,1,0,0 類屬型 屬性選擇或者...

css css權威指南學習筆記5

第六章 文字屬性 1 text indent只能作用於塊級元素 如p或inline block或block後的span a i等 2 text align只能作用於塊級元素 如p或inline block或block後的span a i等 中的內聯內容。3 行間距可看作line height減去fo...

css css權威指南學習筆記6

第八章 padding border margin 1 對於只包含文字的行,能改變行間距裡的屬性只有line height font size vertical align。2 對行內非替換元素應用負外邊距,左右兩端可能與其他內容重疊。3 邊框繪製在元素的背景之上。可修改 4 要把單邊屬性放在簡寫屬...