第一課:什么是CSS?

很多人都聽說過CSS,但對其不是很了解。本課我們首先學習什么是CSS,以及它能為你做什么。

CSS有什么用?

CSS是英文“Cascading Style Sheets”的縮寫,是一種定義HTML文檔輸出布局的樣式語言。例如,CSS涉及字體,顏色,邊緣,線條,高度,寬度,背景圖像,位置和其它東西。雖然可以用HTML添加網站布局,但CSS提供更多選擇,并且更精確和復雜。此外,CSS還支持現在的所有瀏覽器。在學完幾課后,你就能用CSS為自己的網站設計更好看的樣式表了。

CSS與HTML的區別是什么?

HTML用于結構內容,而CSS用于形成結構內容。聽起來有些難懂是不是?請繼續閱讀,你很快就會明白其中的道理。

在HTML語言剛被發明時,只能用于給text文檔添加結構。作者需要在文檔中用h1和p等HTML標簽注明“這是標題”或“這是段落”。在互聯網變得越來越來越流行后,設計師開始尋找給網絡文檔添加樣式的潛在方案。為了滿足這一需求,瀏覽器生產商(當時是Netscape和Microsoft)發明了font等新HTML標簽,與原來用于結構的HTML標簽不同的是,它們專門用于定義樣式。這種情況也同樣出現在table和blink等早期的結構標簽上。

為了糾正這一缺陷,網站設計師開發出了CSS,不僅支持所有瀏覽器,而且還提供更復雜的布局。此外,用這種技術設計的網站,維護起來也更容易。

CSS能帶給我們什么好處?

CSS是網站設計領域的一項革命,它的好處包括:

用單獨一個樣式表就能控制許多文檔的布局;
能更精確的控制布局;
適用于不同媒介的布局(如屏幕和打印機等);
有許多更先進和更復雜的技術。

下一課我們將進一步觀察CSS是如果工作的,并會告訴你如何開始。