語法教學

CSS 基礎課程

CSS 課前準備 - 誰該閱讀本課?如何閱讀?你該準備些什麼?

內容

誰該閱讀本課?

本課程提供的內容是 CSS 最基本的部份,教導你如何使用 CSS 來呈現網頁,並且將內容和呈現層分離,以達到容易各別維護的目的。如果你是一個網頁新手,已了解基本的 HTML 語法和架構,會撰寫簡單的網頁的話,那麼本課程將會幫助你往更進階的網頁設計領域前進。如果你在網頁設計上已相當有經驗,但對於 CSS 的技術尚未熟稔的話,我們強烈地建議你一定要閱讀本課,這會使得你的工作更輕鬆、如虎添翼。對於想在 XML 中使用 CSS 來呈現內容的朋友,也可從本處獲得幫助。

如何閱讀?

本基礎課程由淺入深,介紹 CSS 最基本的部份。你可以從頭到尾來循序閱讀,或是直接點選你所感興趣的部份。不論那種方法,都希望本課程的內容能夠對你有所幫助。

本課慣例

為了讓本課的內容和重點更明確地讓你了解,我們會使用一些較特別的提示:

Source Code 會用定寬字顯示。使用在程式碼、關鍵字和強調某些 HTML 的標籤和屬性上。

Source Code Blod 用來強調特殊的程式碼部份。

Key Point 使用較明顯的顏色及較粗的字體。第一次出現的翻譯詞和專業名詞也會使用此方式顯示。

Variable 可以替換的變數名稱、檔案名稱等等,以斜體表示。

你該準備些什麼?

首先你必須先要具有 WWW 和 HTML 架構、語法的基本知識,如果你對於 HTML 語法和 WWW 架構不了解的人,建議先閱讀本站 HTML 的內容,這樣本課程所提起與 HTML 標籤相關的部份才能夠了解並知道該如何運用。另外,撰寫 CSS 需要使用「純文字」編輯器,所以你需要記事本(Windows平台)或 VIM (Linux平台) 之類的軟體。千萬不要使用「文書處理」軟體,像是 Office Word 或 OOo 的 Writer,因為 CSS 的編輯並不需要使用到那麼大型的軟體,況且若存檔時的類型選擇錯誤的話會使得你所撰寫的 CSS 無法讓瀏覽器正常讀取。

站內連結