CSS 入門

這個教學會介紹層疊樣式表(Cascading Style Sheets, CSS)的基本特徵與語法(syntax)。你會用 CSS 來改變諸如網頁之類,結構化的文件外觀。這個教學也包含了一些可以在你安裝的最新瀏覽器上,試驗與觀看 CSS 效果與特性的範例與小活動。

這個教學是針對初學者,以及想了解 CSS 基礎的任何人。如果你針對 CSS 有一定的經驗,CSS 主頁提供了更進一步的資源。

在開始之前你需要什麼?

在開始本教學以前,你需要文字編輯器、以及最新的瀏覽器。你還必須知道它們的基本用法。

如果不想要編輯檔案,也可以只看教學與圖片,但這種方法的學習效果會差一些。

注意:CSS 包含一些色彩相關的講解,所以教學的某些地方會需要用到顏色。如果你有一個彩色的顯示器以及正常的彩色視覺,在完成這那些章節會比較有容易。

如何使用本教學

要使用本教學,請按順序並仔細看每一頁。如果你跳過某些頁面,你可能會難以理解後續內容。

第一部份:CSS 的基礎

在每一頁裡,透過資訊章節理解 CSS 如何做動。透過行動章節去試著以自己的電腦利用 CSS。

想要知道你理解多少,請在每一頁的最後接受挑戰。解答以連結的形式提供,這樣當你不想看解答的時候,就不會看到。

想要深入理解 CSS,請閱讀以更多資訊為標題的方框。裡面的連結可以找到更多 CSS 的相關資訊。

第二部份

教學的第二部份會提供一些用於 web 與 Mozilla 相關技術的範例。

  1. JavaScript
  2. SVG 圖片
  3. XML 資料
  4. XBL 綁定
  5. XUL 用戶介面

文件標籤與貢獻者

 此頁面的貢獻者: iigmir, Jeremie
 最近更新: iigmir,