2021/11/03（三）
線上課程 網頁開發 學習進度 進度紀錄 63/554。
https://www.udemy.com/...
063、Cascading Style Sheet

上一噗：

@MajimeF - 2021/11/02（二） #線上課程 #網頁開發 #學習進度 #進度紀錄 62/...

此課程 書籤噗 ：

@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發

Cascading Style Sheet ＝CSS
其實就是終於要談一下什麼是 cascade 階層式了。
之前學得都是 style sheet。

而「Cascading」的意思是「階層式」

這是 CSS 增加樣式時的「重要準則」之一。

階層式的意思是，電腦由上往下讀取資料，會以最下方之資料為準。

例：

h1 {
color: red;
}

p {
color: blue;
}

h1 {
color: green;
}

程式碼這樣…上下都出現<h1>指定色彩…

這樣的情況，<h1>會是「綠色」！而不是一開始的「紅色」。
這就是階層式的特色，以最下面的為準。

電腦讀取由上往下，先讀到<h1>設定為紅色…
之後又讀到<h1>設定為綠色，就會把之前紅色的指令忘掉XD
因此呈現綠色。

层叠样式表 - 维基百科，自由的百科全书

繁中是「階層式樣式表」。

下一噗：

@MajimeF - 2021/11/04（四） #線上課程 #網頁開發 #學習進度 #進度紀錄 64/...

CSS 樣式規則2：Specificity