css css權威指南學習筆記6

2021-09-07 08:27:30 字數 1148 閱讀 2294

第八章 padding/border/margin

1、對於只包含文字的行,能改變行間距裡的屬性只有line-height/font-size/vertical-align。

2、對行內非替換元素應用負外邊距,左右兩端可能與其他內容重疊。

3、邊框繪製在元素的背景之上。(可修改)

4、要把單邊屬性放在簡寫屬性之後,防止覆蓋。

5、不論行內元素的邊框指定怎樣的寬度,元素的行高都不會改變,見1.

第九章 顏色和背景

1、邊框顏色在未宣告的情況下,會預設應用前景色或者繼承來的顏色。

2、應用背景影象的情況下,最好同時宣告背景色。

3、利用百分數值設定背景圖的位置時,百分數的含義是將元素的百分數值的點與影象百分數值的點對齊。

4、背景影象開始於左上角的內邊框處(同時也是內邊距處)。

5、改變background-position可以改變平鋪開始的位置。

第十章 浮動和定位

1、乙個元素浮動時,其他內容會環繞該元素。常見的如浮動乙個img,p的內容會圍繞img分布。

2、浮動元素的margin不會合併。

3、浮動元素會延伸,從而包含其所有後代浮動元素,所以,將父元素設定為浮動元素,就可以把浮動元素全都包含在其父元素內。

4、行內框與乙個浮動元素重疊時,其邊框背景內容都在浮動元素之上顯示;塊框與乙個浮動元素重疊時,其邊框和背景在該浮動元素之下顯示,但是內容在浮動元素之上顯示。

5、clear應用於塊級元素,表示left或right或both不允許存在浮動元素。

6、要使乙個清除元素的頂端與乙個浮動元素的底端之間有一定空間,可以為浮動元素設定乙個margin-bottom,給清除元素設定margin-top並不方便(清除區域的原因)。

7、對於乙個非根元素,如果position值是absolute,包含塊是最近的position值不是static的祖先元素。

8、top/right/bottom/left應用於position值不是static的元素。元素的外邊距邊界相對包含塊的內邊距邊界(邊框)偏移。

9、position:absolute中top:auto;left:auto意味著元素位於未定位前的位置(原本該出現的位置)。

img

11、相對定位如果過度受限,那麼bottom等於-top,right=-left。

css css權威指南學習筆記2

第二章 選擇器 1 在font屬性中,只有一種情況下可以使用 來分隔兩個特定的關鍵字,即元素的字型大小 行高。2 通過把兩個類選擇器鏈結在一起,可以選擇同時包含這些類名的元素,類名的順序不限。warning.urgent 3 在ie7之前的瀏覽器,p.warning.help只會匹配p.help。4...

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...