一、什麼是CSS

• CSS是一門語言，用於控制網頁表現
• 樣式定義如何顯示 HTML 元素 
• 樣式通常存儲在樣式表中，外部樣式表可以極大提高工作效率
• 外部樣式表通常存儲在 CSS 文件中
• 多個樣式定義可層疊為一個

二、CSS導入方式

CSS導入HTML有三種方式：

1. 內部樣式：在標簽內部使用style屬性，屬性值是CSS屬性鍵值對

   <div style="color.red">Hello CSS-</div>

    

2. 內部樣式：定義<style>標簽，在標簽內部定義CSS樣式

   <style type = "text/css">
       div {
             color:red;
        }
   </style>

    

3. 外部樣式：定義link標簽，引入外部的CSS文件

   <link rel="stylesheet" href="demo.css">

三、CSS選擇器

• 概念：選擇器是選取需設置樣式的元素（標簽）

  div{
       color:red;
  }

  分類

1. 元素選擇器
2. id選擇器（可以為標有特定 id 的 HTML 元素指定特定的樣式，以 "#" 來定義）
3. 類選擇器（可以在多個元素中使用，以一個點 . 號顯示)

四、CSS背景

CSS 背景屬性用於定義HTML元素的背景。

CSS 屬性定義背景效果:

• background-color
• background-image
• background-repeat
• background-attachment
• background-position