CSS（層疊樣式表）是一種用於控制網頁外觀和排版的樣式語言。它與HTML一同用於網頁外觀設計。
我認為最重要的就是選擇器了，有點類似選擇套用樣式的概念。

這邊推薦一個網站，很適合做資料的查詢
https://www.w3schools.com/

我們先把 css 放在 html裡面，直接在 HTML 寫上 style 的標籤即可。

<style>

</style>

常用的三種選擇方式:

1. 標籤名稱
   直接選擇標籤名稱。例如:

/* 這樣所有的 a 標籤都會套用紅色的字 */
<style>
  a {
    color: red;
  }
</style>

<a href="#">hello1</a>
<a href="#">hello2</a>
<a href="#">hello3</a>

2. 選擇 id
   在 CSS 選擇 id 的時候，前面要加上 # 字號。
   正常 ID 是唯一值，同一個名稱只會出現一次。

<style>
  #red {
    color: red;
  }
</style>

<a href="#" id="red">hello1</a>
<a href="#">hello2</a>
<a href="#">hello3</a>

那我想要套用很多個一樣的樣式怎麼辦?
這時候就可以使用 class !

3. 選擇 class
   class 只要把 # 換成 . 即可。

<style>
  .red {
    color: red;
  }
</style>

<a href="#" class="red">hello1</a>
<a href="#" class="red">hello2</a>
<a href="#" class="red">hello3</a>

以上是簡單的 CSS 介紹!
我們明天見!~