小白學編程之HTML/CSS Day 004
往期回顧
Level 1 HTML
小白學編程之HTML/CSS Day001
小白學編程之HTML/CSS Day002
小白學編程之HTML/CSS Day003
本期概覽
這一篇是學習HTML/CSS的第四天，從這篇開始要學習Level 2 CSS，主要內容有
2.01 CSS是什么？
2.02 Selector是什么？
2.03 Selector書寫語法規范
2.04 一個selector可定義多個屬性
2.05 一個selector可包含多個標簽
2.01 CSS是什么？
CSS 全稱 Cascading Style Sheets，用來指定HTML的外表(appearance)。但是HTML里面有些類似于給一個房子搭主要架構(structure)，而CSS則是刷墻、貼墻紙決定這房子看起來(looks)是怎樣的。
e.g.
2.02 Selector是什么？
選中tags來創建一些東西，就叫做selector。
Tags are selected by creating something called a selector.
2.03 Selector書寫語法規范
Selector的書寫語法規范(syntax)——按照以下格式來寫selector。
例如最簡單的selector寫法如下，即不帶<>的 p 。text-decoration是屬性(property); underline是你賦予這個屬性的值(value)。在下面的例子中，CSS語法翻譯為白話文就是：給p標簽里的文字加下劃線。
2.04 一個selector可定義多個屬性
一個selector可以定義多個屬性(properties)，如下圖所示，在p selector里不僅定義了文字裝飾(text-decoration)要加下劃線(underline)這個屬性，還定義了文字顏色(color)這個屬性為紅色(red)。
2.05 一個selector可包含多個標簽
Selectors會自動選擇所有相同標簽并應用定義的屬性，下圖中所有li標簽內的文字都變成了紅色。
如果只想指定ul標簽(parent tag)內的li內容為紅色，要把parent tag 也寫到selector里，如下圖所示，這樣只有ul里面列表的文字變成了紅色，而ol里的列表沒有改變。
貪多嚼不爛，練習練習再練習。
下期預告
- 基于動作和條件定義selector屬性
- pseudo-selectors
- 在一個selector里加多個properites
- selector、CSS什么的放在哪里
- 擴展知識之Hexadecimal colors
歡迎來糾錯，也歡迎提意見和任何問題~~~
