css設計指南 筆記3

2022-02-25 01:56:59 字數 975 閱讀 2693

計算特指度:ice公式

選擇符中有乙個id, 就在i的位置加1;

選擇符中有乙個類,就在c的位置加1;

選擇符中有乙個標籤名(元素名),就在e的位置加1;

得到乙個三位數

body p#largetext ul.mylist li	    // 1-1-4特指度=114
查理版簡單層疊要點

規則一:包含id的選擇符 > 包含類的選擇符 > 包含標籤名的選擇符

規則一 > 規則二 (如果選擇符特指度更高), 無論在**,都會勝出

規則三: 設定的樣式勝過繼承的樣式,此時不考慮特指度

盒模型簡寫

//屬性值的順序:上、右、下、左(順時針旋轉)

//借用對邊的值,即左右都為10px

//借用對邊的值,上下12px,左右10px

//四個方向都是12px

//使用0

三種粒度

1.全部3個屬性,全部4條邊

2.1個屬性,全部4條邊

3.1個屬性,1條邊

混合使用三種粒度

//先給4條邊設定相同的樣式

//修改左邊框寬度

//移除右邊框

盒子寬度

1.沒有寬度的元素始終會擴充套件到填滿其父元素的寬度為止。

新增水平邊框、內邊距和外邊距,會導致內容寬度減少,減少量等於水平邊框、內邊距和外邊距的和。

2.有寬度的元素,如果再新增水平邊框、內邊距和外邊距,會導致盒子擴充套件得更寬。

width屬性設定只是盒子內容區的寬度。

《css權威指南》筆記3

層疊樣式表按 權重,特殊性,規則出現先後,來最終確定規則的應用。例如,p.dark 注意,important要放在宣告最後,分號前,多個關鍵字的屬性如font必須放在最後,否則font宣告會無效。由大到小 1.讀者的重要宣告 2.創作人員的重要宣告 3.創作人員的正常宣告 4.讀者的正常宣告 5.瀏...

css設計指南 筆記7

過渡屬性 transition property 過渡的css屬性名,如color width transition duration 過渡的持續時間,如2s 500ms transition timing function 過渡的調速函式,如linear ease in ease out ease...

css設計指南 筆記5

position static 靜態定位 position relative 相對定位 top 25px left 30px 相對於原本在文件流中的位置的偏移,原來佔據的空間沒有動,其他元素也沒有動 position absolute 絕對定位 top 25px left 30px 脫離文件流,相對...