Tad 教材網 - 線上書籍

:::

\[972\]CSS打造XOOPS佈景
===================

1. ### CSS 是什麼？[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/bluefish/01.zip)
  
  
  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」。
      
      ![](http://tad0616.net/uploads/tad_book3/image/bluefish/bf_01.png)
  2. 設定您的工作目錄（因為BlueFish的工作目錄似乎不是很正常...）  
       ![](http://tad0616.net/uploads/tad_book3/image/bluefish/bf_02.png)
7. ### BlueFish好用的熱鍵
  
  
  1. 「F3」：會自動判斷游標所在的語法，並叫出精靈對話框供您設定。
  2. 「Ctrl+>」：向右縮排。
  3. 「Ctrl+>」：向左縮排。
8. ### HTML基礎認知
  
  
  1. 網頁其實只是由一堆HTML標籤所組成副檔名為.html的純文字檔。
  2. HTML是寫網頁的基本「語法」，而非程式語言。
  3. 網頁中的首頁，預設名稱為index.html，利用瀏覽器就可看見網頁效果。
  4. 學HTML不要死記，只要知道要做什麼效果，可以用什麼標籤，或者某標籤的用途為何，這樣就可以了！

:::