CSS 語法最主要是要來改變網頁的外觀，也就是我之前說的，替素顏的 HTML 畫上一點妝！
那常用的化妝品有哪些呢？

❏ 先來聊聊顏色 ❏

• CSS 要做文字的顏色變化，可以寫成color:blue;表示藍色的文字，要寫紅色的文字就寫color:red以此類推。
• 如果是要在元素加上邊框的顏色，就要使用border-color:blue。
• 如果是要做背景顏色的變化就會使用background-color來標示。

❏ color 後的參數無論是顏色或是色碼，甚至是RGB 色碼都可以 ❏

• 色碼表參照：線上的資源其實很多，都可以尋找參考。
  

• RGB 色碼：以紅（Red）、綠（Green）、藍（Blue）三原色的色光以不同的比例相加，以合成產生各種色彩光。表示方式為（___,___,___），底線下為三個數值，數字介於 0-255 間，所代表的顏色分別是紅（Red）、綠（Green）、藍（Blue）。

  • 之前聽過 Amos 大大分享一個有趣的記憶方式，數字 0 就是關燈，而 255 就是開燈全亮。所以你在紅色的地方填入 0 的時候，代表這個地方沒有紅色。也許有點複雜，那我就用例子和你們聊聊。

    color:rgb(0, 0, 0);是黑色 -> 紅、綠和藍都關燈，所以當然是黑色。
    color:rgb(255, 255, 255);是白色 -> 紅、綠和藍都開燈，開到最亮，所以就是白色。
    color:rgb(255, 0, 0);是紅色 -> 紅色開到最亮，綠和藍都是關燈。
    color:rgb(0, 255, 0);是綠色 -> 綠色開到最亮，紅和藍都是關燈。
    color:rgb(0, 0, 255);是藍色 -> 藍色開到最亮，紅和綠都是關燈。
    color:rgb(255, 255, 0);是黃色 -> 紅、綠和藍都開燈，開到最亮，藍關燈，色彩混合變成黃色。
    color:rgb(0, 255, 255);是青色 -> 綠和藍都開燈，開到最亮，紅關燈，色彩混合原則變成青色。
    

  • 如果真的覺得記憶有點難的話，網路只要用關鍵字搜尋，就可以找到 RGB 和色碼的對照表唷！

NOTE

顏色直接寫法

h1{
 Color:red;
}

色碼寫法：

h1{
 Color:##99BBFF;
}

RGB 寫法：

h1{
 Color: rgb(255, 0 , 255)
}

今天就先介紹到這裡！明天我們再來加快腳步前進：）