CSS - 簡介

---

---

CSS 是 **層疊樣式表 (Cascading Style Sheets)** 的縮寫。它有助於將 HTML 元素的呈現定義為一個單獨的檔案，稱為 CSS 檔案，副檔名為 .css。

什麼是 CSS？

• CSS 代表層疊樣式表 (Cascading Style Sheets)，用於描述網頁的呈現和設計。
• 使用 CSS，您可以控制文字的顏色、字型的樣式、段落之間的間距、列的大小和佈局方式、使用的背景圖片或顏色等。
• CSS 可以一次控制多個網頁的佈局。

CSS 樣式示例

以下是網頁的佈局，點選下面的按鈕可以為頁面新增 CSS 樣式，看看有無 CSS 的網頁之間的區別。

 

為什麼要使用 CSS？

• CSS 節省時間：您可以編寫一次 CSS，然後在多個 HTML 頁面中重用相同的樣式表。
• 頁面載入速度更快：如果您使用 CSS，則無需每次都編寫 HTML 標籤或屬性。只需編寫一個標籤的 CSS 規則並將其應用於該標籤的所有出現。
• 易於維護：要進行全域性更改，只需更改樣式，所有網頁中的所有元素都將自動更新。
• 比 HTML 更好的樣式：CSS 比 HTML 具有更廣泛的屬性，因此您可以讓您的 HTML 頁面看起來更好。
• 多裝置相容性：對於同一個 HTML 文件，可以為不同的螢幕寬度呈現不同的網站版本。
• 全球 Web 標準：現在大多數 HTML 屬性已被棄用，建議使用 CSS。

CSS 語法

CSS 的語法由選擇器和宣告組成，用於將樣式應用於 HTML 元素。

selector {
    property: value;
}

• 選擇器目標是您想要設定樣式的 HTML 元素/元素。
• 宣告塊包含一個或多個用花括號 **{}** 括起來的宣告。
• 每個宣告都包含一個 **屬性** 和一個值，用冒號 **:** 分隔。宣告用分號 **;** 分隔。

CSS 中有幾種型別的選擇器，常用的選擇器是類、ID 和標籤。要了解選擇器的完整列表，請訪問 **CSS 選擇器** 文章。

CSS 歷史和版本

當前版本為 CSS3，早期版本為 CSS1 和 CSS2。目前，CSS 仍在不斷發展，並適應滿足當前網站需求的新功能。

CSS1（層疊樣式表級別 1）於 1996 年 12 月作為 W3C 建議釋出。此版本描述了 CSS 語言以及所有 HTML 標籤的簡單視覺格式模型。

CSS2 於 1998 年 5 月成為 W3C 建議，並在 CSS1 的基礎上構建。此版本增加了對媒體特定樣式表（例如印表機和聲音裝置）、可下載字型、元素定位和表格的支援。

CSS3 於 1999 年 6 月成為 W3C 建議，並在早期版本的 CSS 基礎上構建。它被細分為文件，稱為模組，每個模組在 CSS2 中定義了新的擴充套件功能。

CSS3 模組

CSS3 模組包含舊的 CSS 規範以及擴充套件功能。

• 選擇器
• 盒模型
• 背景 和 邊框
• 影像值 和替換的 內容
• 文字效果
• 2D 和 3D 變換
• 動畫
• 多列布局
• 使用者介面

有關 CSS 中使用的樣式型別的快速指南，請訪問我們的 **CSS 速查表**