3.1 CSS概述

CSS樣式的使用，減少了在HTML中重復的格式設置，如網頁的顏色、字體和大小等。另外，在后期的維護中，如果需要修改部分外觀樣式，只需要修改相應的代碼即可。

3.1.1 CSS概述

CSS被稱為層疊樣式單，它是一種專門描述結構文檔的表現方式的文檔，主要用于網頁風格設計，包括字體大小、顏色、背景以及元素的精確定位等。在傳統的Web網頁設計里，使用CSS能讓單調的HTML網頁更富表現力。

CSS樣式的使用，使“網頁結構代碼”和“網頁格式風格代碼”分離開，將站點上的所有網頁都指向某個CSS文件，遇到要修改時，只需更改該CSS文件就可以了。不僅維護簡單，還可以使HTML文檔代碼簡練，縮短瀏覽器的加載時間。W3C組織也大力提倡使用樣式單來描述結構文檔的顯示效果。

3.1.2 CSS的發展歷史

CSS的最新版是CSS 3，目前正處于進一步完善中。下面簡單地介紹一下CSS的發展歷史。

● CSS 1.0：1996年12月，CSS 1.0作為第一個正式規范面試，其中已經加入了字體、顏色等相關屬性；

● CSS 2.0：1998年5月，CSS 2.0規范正式推出，這個版本的CSS也是最廣為人知的一個版本，以前的前端開發者使用的一般就是這個CSS規范；

● CSS 2.1：2004年2月，CSS 2.1對原來的CSS 2.0進行了一些小范圍的修改，刪除了一些瀏覽器支持不成熟的屬性，我們可以認為CSS 2.1是CSS 2.0的修訂版；

● CSS 3：2010年CSS 3規范推出，這個版本完善了前面CSS存在的一些不足，例如：顏色模塊增加了色彩校正、透明度等功能，還增加了變形和動畫模塊等。

3.1.3 CSS 3的新功能

CSS 3新增了許多的新功能，以前很多效果都需要借助腳本或者圖片才能實現，使用CSS 3只需要幾行代碼就能搞定了，具體的一些新功能如表3-1所示。