1. 玩玩CSS前的熱身

1. CSS 是什麼？

   1. CSS是Cascading Style Sheets的縮寫，亦即「串接樣式表」之意。

   2. CSS是用來控制網頁外觀的。

2. 為什麼要用CSS？

   1. 因為網頁的HTML控制外觀能力有限，所以靠CSS來補足其不足。

   2. 可達到內文和外觀分開的功能，亦可讓網頁結構更清楚、簡單。

3. 要用CSS需要什麼工具？

   1. 什麼都不用，只要有個「純文字編輯器」即可，什麼作業系統或瀏覽器都無所謂。

   2. 功力夠的，可以用Windows的「計事本」；想要更方便些，可以用TopStyle lite ，免費的CSS編輯器。

4. 學CSS需要什麼背景知識？

   1. 需要有網頁編輯的經驗，最好能夠熟悉HTML語法，因為CSS可以說是和HTML結合在一起的。

5. BlueFish的優點

   1. 跨平台的中文自由軟體，Windows下或Linux下都可以免費安裝使用。

   2. 有完整的精靈畫面，可以快速產生原始碼，讓您眼見為憑，方便學習。

6. BlueFish的設定，第一次安裝請進行以下設定

   1. 讓中文可以正常，字型請選擇「MingLiU 11」。

      

   2. 設定您的工作目錄（因為BlueFish的工作目錄似乎不是很正常...）
       

7. BlueFish好用的熱鍵

   1. 「F3」：會自動判斷游標所在的語法，並叫出精靈對話框供您設定。

   2. 「Ctrl+>」：向右縮排。

   3. 「Ctrl+>」：向左縮排。

8. HTML基礎認知

   1. 網頁其實只是由一堆HTML標籤所組成副檔名為.html的純文字檔。

   2. HTML是寫網頁的基本「語法」，而非程式語言。

   3. 網頁中的首頁，預設名稱為index.html，利用瀏覽器就可看見網頁效果。

   4. 學HTML不要死記，只要知道要做什麼效果，可以用什麼標籤，或者某標籤的用途為何，這樣就可以了！