第二章 選擇器
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 要把單邊屬性放在簡寫屬...