CSS(Cascading Style Sheets)階層式樣式表
主要是幫網站加入元素（顏色、字型…等），不能單獨使用，必須與HTML或XML一起協同工作

Css syntax(語法)
Selector：{ Property: Value }
CSS 設定包含三項要素：
• Selector：該 CSS 設定的目標標籤，像是div、h1.. ，也可以是某個id、class
• Property：該 CSS 設定的特性，像是顏色、大小、位置等，像是background-color、font-size
• Value：該 CSS 設定的值，像是blue(藍色)、20px(字體大小）

h1{
      color:white;
      background-color: blue;
      font-size: 20px;    
  }

在網頁中加入 CSS 設定的方式有以下三種：

外部樣式表 (external style sheet)

外部樣式表是將 CSS 設定寫在另外一個檔案中，再從 HTML 頁面中引入

<link rel="stylesheet" href="./style.css" />

內部樣式表 (internal style sheet)

內部樣式表則是將 CSS 設定直接寫在網頁中

<style>
      .div1 {
        border: 2px blue solid;
      }
      .div2 {
        font-size: 20px;
      }
      .div3 {
        color: red;
      }
      .div4 {
        background-color: aquamarine;
        font-size: large;
      }
</style>

行內樣式 (inline style)

將 CSS 設定直接嵌在 HTML 標籤內

<h1 style="color:blue;">Some Title</h1>

CSS 設定優先順序如下：
• 行內樣式
• 內部樣式表和外部樣式表
• 瀏覽器內建樣式

大部分 CSS 設定都會用外部樣式表，維護網頁時會比較容易