跳轉到內容

層疊樣式表/簡介

來自華夏公益教科書

層疊樣式表 (CSS) 描述了文件的視覺風格和呈現方式,最常見於網站。CSS 的一個目的是將文件的呈現方式與結構和內容分離(儘管也可以將 CSS 嵌入結構中)。這種分離是W3C 標準推薦。將樣式與結構和內容分離,可以提高文件作者的可維護性和受眾的可訪問性。CSS 通常應用於 HTMLXHTMLXML 文件,儘管也可以將其應用於其他型別的文件,但這種情況很少見。

CSS 描述的樣式包括文件的顏色、字型、佈局和其他呈現方式。單個 CSS 檔案可以描述許多 HTML、XHTML 和 XML 文件的通用樣式。通常,XHTML 檔案中的特定元素具有可以應用於它的 CSS 樣式規則的“級聯”。優先順序最高的樣式規則將應用於每個元素。

為什麼要使用 CSS?

[編輯 | 編輯原始碼]

CSS 是一種強大的工具,它賦予網頁設計師在網站的呈現層方面靈活性和模組化。

CSS 允許您定義所有格式規則以供以後使用(此處“格式”是指事物的外觀)。因此,如果您正在編寫一個大型網站,並且想要為每個標題、副標題、程式碼示例的外觀、段落對齊方式等保持一致的外觀,那麼 CSS 是最佳選擇。

假設您有一個包含 1200 個頁面的網站,花費了數月時間才完成。然後您決定更改整個網站的字型、大小、背景、表格外觀等。如果您使用 CSS 適當地設計了網站,則可以透過編輯一個連結 的 CSS 檔案來完成此操作,該檔案所有外觀(格式)規則都集中在一個地方。如果您將樣式放入 HTML 中,則必須調整所有 1200 個 HTML 頁面中的每一個。透過使用 CSS,只需編輯全域性樣式表中的幾個規則和行,就可以快速輕鬆地進行更改。在 CSS 出現之前,這些更改更加困難、昂貴且非常耗時。

一些伺服器端模板系統可以很大程度上用於相同目的。然而,與 CSS 不同的是,它們通常將結構與內容分離,而不是將呈現方式與結構分離。此類模板使使用者更難以停用或忽略樣式,或者對相同內容使用替代結構。

華夏公益教科書