CSS: 層疊樣式表
層疊樣式表(CSS)是一種樣式表語言,用於描述用HTML或XML(包括諸如SVG、MathML或XHTML等XML方言)編寫的文件的呈現。CSS描述了元素應如何在螢幕、紙張、語音或其他媒體上呈現。
CSS是開放網路的核心語言之一,並根據W3C規範在Web瀏覽器中進行標準化。以前,CSS規範的各個部分的開發是同步進行的,這使得最新建議的版本控制成為可能。您可能聽說過CSS1、CSS2.1甚至CSS3。以後將不再有CSS3或CSS4;相反,現在所有內容都只是“CSS”,而各個CSS模組都有版本號。
在CSS 2.1之後,規範的範圍顯著增加,不同CSS模組的進展也開始差異巨大,以至於按模組單獨開發和釋出建議變得更有效。W3C不再對CSS規範進行版本控制,而是定期對CSS規範的最新穩定狀態和各個模組的進展進行快照。CSS模組現在有版本號或級別,例如CSS顏色模組級別5。
新手教程
我們的Web開發核心模組包含涵蓋CSS基礎的現代、最新的教程。
- 你的第一個網站:樣式化內容
-
本文簡要介紹了CSS是什麼以及如何使用它,旨在面向完全不熟悉Web開發的人員。
- CSS 樣式基礎
-
本模組提供了所有您需要有效地開始學習該技術的CSS基礎知識,包括語法、特性和技術。
- CSS 文字樣式
-
在這裡,我們探討了CSS文字基礎知識,包括設定字型、粗體、斜體、行距和字距,以及文字陰影。我們以將自定義字型應用於頁面以及樣式化列表和連結來結束本模組。
- CSS 佈局
-
本模組探討了浮動、定位、其他現代佈局工具,以及構建適應不同裝置、螢幕尺寸和解析度的響應式設計。
參考
CSS參考是為經驗豐富的Web開發人員提供的詳盡參考,描述了CSS的每個屬性和概念,包括
速查手冊
CSS佈局速查手冊旨在彙集常見佈局模式的“食譜”,這些模式可能是您需要在網站中實現的。除了提供可作為專案起點的程式碼外,這些“食譜”還強調了佈局規範的不同使用方式以及作為開發人員可以做出的選擇。
CSS 開發工具
- 您可以使用W3C CSS驗證服務來檢查您的CSS是否有效。這是一個寶貴的除錯工具。
- Firefox開發者工具允許您透過檢查器和樣式編輯器工具檢視和編輯頁面的即時CSS。
- 適用於Firefox的Web Developer擴充套件允許您跟蹤和編輯所監視網站上的即時CSS。
Meta 錯誤
- Firefox: Firefox bug 1323667