Latest web development tutorials

CSS 簡介

你需要具備的知識

在繼續學習之前,你需要對下面的知識有基本的了解:

  • HTML / XHTML

如果你希望首先學習這些項目,請在首頁訪問相關教程。 .


什麼是CSS?

  • CSS指層疊樣式表( C ascading S tyle S heets)
  • 樣式定義如何顯示 HTML元素
  • 樣式通常存儲在樣式表
  • 把樣式添加到HTML 4.0中,是為了解決內容與表現分離的問題
  • 外部樣式表可以極大提高工作效率
  • 外部樣式表通常存儲在CSS文件
  • 多個樣式定義可層疊為一

CSS 實例

一個HTML文檔可以顯示不同的樣式: 查看CSS是如何工作的


樣式解決了一個很大的問題

HTML 標籤原本被設計為用於定義文檔內容,如下實例:

<h1>這是一個標題</h1>

<p>這是一個段落.</p>

樣式表定義如何顯示HTML 元素,就像HTML 3.2 的字體標籤和顏色屬性所起的作用那樣。 樣式通常保存在外部的.css 文件中。 通過僅僅編輯一個簡單的CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的佈局和外觀。

為了解決這個問題,萬維網聯盟(W3C),這個非營利的標準化聯盟,肩負起了HTML 標準化的使命,並在HTML 4.0 之外創造出樣式(Style)。

當代瀏覽器都支持CSS .


CSS 樣式表極大地提高了工作效率

樣式表定義如何顯示HTML 元素

樣式表定義如何顯示HTML 元素,就像HTML 3.2 的字體標籤和顏色屬性所起的作用那樣。 樣式通常保存在外部的.css 文件中。 通過僅僅編輯一個簡單的CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的佈局和外觀。