認真的F
@MajimeF
Sat, Nov 6, 2021 5:48 AM
2021/11/06(六)
線上課程
網頁開發
學習進度
進度紀錄
66/554。
https://www.udemy.com/...
066、CSS Styling Rules 重點整理
認真的F
@MajimeF
Sat, Nov 6, 2021 5:48 AM
上一噗:
@MajimeF - 2021/11/05(五) #線上課程 #網頁開發 #學習進度 #進度紀錄 65/...
認真的F
@MajimeF
Sat, Nov 6, 2021 5:48 AM
此課程
書籤噗
:
@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發
認真的F
@MajimeF
Sat, Nov 6, 2021 5:52 AM
CSS Styling 三大規則:
規則1:
Cascade
@MajimeF - 2021/11/03(三) #線上課程 #網頁開發 #學習進度 #進度紀錄 63/...
規則2:
Specificity
@MajimeF - 2021/11/04(四) #線上課程 #網頁開發 #學習進度 #進度紀錄 64/...
規則3:
Inheritance
@MajimeF - 2021/11/05(五) #線上課程 #網頁開發 #學習進度 #進度紀錄 65/...
認真的F
@MajimeF
Sat, Nov 6, 2021 5:54 AM
是我我本以為選擇器會有統整…
結果只有規則有XD
認真的F
@MajimeF
Sat, Nov 6, 2021 5:56 AM
了解這些規則對日後 debugging 會非常實用。
也就是樣式不如想像的時候…
就要來好好檢查一下XD
認真的F
@MajimeF
Sat, Nov 6, 2021 5:59 AM
1.
Cascade 階層
(愈下面可覆蓋上面的)
使用條件:有兩個 CSS Selector 有相同的特定度時。
2.
Specificity 特定度
3.
Inheritance 繼承
Inherited from parent
non-inherited (by default 瀏覽器本身就已經賦予屬性)
認真的F
@MajimeF
Sat, Nov 6, 2021 6:00 AM
背起來:
inline styling > id > class > element selector > inheritance
認真的F
@MajimeF
Mon, Nov 8, 2021 1:32 AM
下一噗:
@MajimeF - 2021/11/07(日) #線上課程 #網頁開發 #學習進度 #進度紀錄 67/...
文字尺寸。
載入新的回覆
線上課程 網頁開發 學習進度 進度紀錄 66/554。
https://www.udemy.com/...
066、CSS Styling Rules 重點整理
規則1:Cascade
規則2:Specificity
規則3:Inheritance
結果只有規則有XD
也就是樣式不如想像的時候…
就要來好好檢查一下XD
使用條件:有兩個 CSS Selector 有相同的特定度時。
2. Specificity 特定度
3. Inheritance 繼承
Inherited from parent
non-inherited (by default 瀏覽器本身就已經賦予屬性)
inline styling > id > class > element selector > inheritance