1.3　CSS的基本概念

1.3.1　什么是CSS

CSS（Cascading Style Sheet，層疊樣式表）是一組格式設置規則，用于控制Web頁面的外觀。

通過使用CSS樣式設置頁面的格式，可將頁面的內容與表現形式分開。

1.3.2　CSS的發展史

CSS最早于1996年由W3C審核通過并推薦使用，被稱為CSS1，CSS1比較全面地規定了文檔的顯示樣式，主要包括選擇器、以及一些基本的樣式。1998年，W3C推出了CSS2，CSS2在CSS1的基礎上添加了新的選擇器，改進了位置屬性以及添加了新的媒體類型等。在實現CSS2標準時花費了很長時間，遇到了很多的問題，于是，2007年W3C對CSS2進行了修訂、修改，同時又刪除了一些屬性和樣式，推出了CSS2.1。2001年W3C開始著手CSS3標準的制定，與前面的版本不一樣，CSS3不是一個獨立的完整版本，而是拆分成了若干個獨立的模塊，如選擇器模塊和盒模型模塊等，這些拆分有利于整個標準的及時更新和發布，也有利于瀏覽器廠商的實現。然而每個模塊的進度都不一樣，比如選擇器模塊可能已經有標準了，而像grad布局可能還處在一個起草階段，所以說CSS3的全面支持與推廣還需要很長一段時間。但現在一些主流瀏覽器已經開始支持CSS3的部分屬性了，開發者在開發中也已經用到這些屬性，特別是在移動端的開發中，像頁面中的動畫、圓角等效果，基本上都是用CSS3的屬性來做的。

1.3.3　HTML和CSS的優缺點

（1）HTML主要有3個缺點，如下所示。

　HTML代碼不規范，臃腫，需要足夠智能和龐大的瀏覽器才能夠正確顯示頁面。

　數據與表現混雜，當頁面要改變顯示時，就必須重新制作HTML。

　不利于搜索引擎搜索。

（2）HTML有兩個顯著的優點，如下所示。

　使用Table的表現方式不需要考慮瀏覽器兼容問題。

　簡單易學，易于推廣。

（3）CSS的優點產生恰好彌補了HMTL的缺點，主要表現在以下幾個方面。

　表現與css的結構分離。

CSS2從真正意義上實現了設計代碼與內容的分離，它將設計部分剝離出來并放在一個獨立的樣式文件中，HTML文件中只存放文本信息，這樣的頁面對搜索引擎更加友好。

　提高頁面瀏覽速度。

對于一個頁面視覺效果，采用CSS布局的頁面容量要比Table編碼的頁面文件容量小得多，前者一般只有后者的1/2，瀏覽器不用去編譯大量冗長的標簽。

　易于維護和改版。

開發者只要簡單修改幾個CSS文件，就可以重新設計整個網站的頁面。

　繼承性能優越（層疊處理）。

CSS代碼在瀏覽器的解析順序上會根據CSS的級別進行，它按照對同一元素定義的先后來應用多個樣式，良好的CSS代碼設計可以使代碼之間產生繼承關系，能夠達到最大限度的代碼重用，從而降低代碼量及維護成本。

　易于被搜索引擎搜索。

由于CSS代碼規范整齊，且與網頁內容分離，所以引擎搜索時僅分析內容部分即可。

（4）CSS主要缺點在于需要考慮瀏覽器兼容性的問題。