WHO? WHAT?

CSS到底是誰?
CSS的全名為Cascading Style Sheets，其中的style是樣式，因此CSS就是用來描述網頁樣式的工具。

WHEN?

HTML在1993年出現，CSS卻在1996年才出現第一版，代表在前3年，HTML是光著身子的!CSS的出現大幅增加了網頁的方便性、易讀性，以及最重要的美觀性!

WHY?

大家一定聽過這個比喻：如果HTML是名詞的話，那麼CSS就是形容詞!這裡用圖片和大家說明:

這是純HTML的網頁

加上CSS

可以看出差別在於排版、字體大小並可以使網頁變成彩色世界。

HOW?

1. Selector：將欲改變元素的標籤寫在選擇器，標籤、id、class皆可(一般較建議使用class)，但選擇器會影響權重的問題，在之後的[權重]章節將會詳細說明!
2. Property：欲改變該元素的什麼樣式，如顏色就是color、字體大小就是font-size
   附上常用屬性供參考~
3. Property Value：樣式確切的值，如什麼顏色、字體大小的px值

WHERE?

現在已經知道CSS的功能和如何撰寫了，那要怎麼把它加進網頁中呢?
有三種方式:

1. Inline Style：將樣式寫在HTML的標籤上
   
2. Internal Style Sheet：在html的head標籤中增加style的標籤，並將CSS寫入其中
   
3. External Style Sheet：CSS為獨立的css檔，在html中以link連結
   
   請重複確認路徑是否正確喔!

今天介紹了如何撰寫CSS並運用在網頁中，如果有任何不清楚的地方再請大家多多指教，也歡迎在留言處問問題!