1.1 CSS簡介

CSS全稱是“Cascading Style Sheets”，中文譯為“層疊樣式表”，不過一般不用這樣的官名稱呼它，提到它時只簡稱為“CSS”或“樣式表”。CSS代碼和HTML代碼（本書也經常稱它為DOM結構）一起配合，構建出網頁的外觀。打個比方，HTML就像是人的骨骼，而CSS則像是人的皮膚和肌肉，骨骼定義了身體的結構，而皮膚和肌肉塑造了我們的外貌，當網頁的DOM結構確定下來之后，我們就可以通過書寫CSS來靈活地配置網頁的外觀了。如果給你和你的同學相同的DOM結構，但CSS代碼由你們分別來寫，最后的網頁一定會長得不一樣，就好像你和你的同學都有206塊骨頭，但你們的膚色、高矮、胖瘦不同，所以沒有人會說你們是同一個人。

最初的網頁是沒有CSS的，就像最初的房子不用裝修一樣，看起來相當簡陋。1996年CSS 1.0橫空出世，提供了文本、顏色等功能，1998年推出的2.0版本和隨后推出的2.1修正版本，支持了定位、盒模型等功能，2001年開始制定3.0規范，支持動畫、變形等豐富的視覺效果。如此看來，CSS3已經有十幾年的歷史了，不算是什么新技術，事實是盡管標準制定得相當快，但因為在瀏覽器大戰期間各瀏覽器廠商并不尊重公開標準，對CSS 2.1的支持都不統一，更別說CSS3了，這導致CSS 3直到10年之后才真正得到廣泛支持。因為CSS支持的功能越來越多，所以從3.0開始，規范被分解為若干個獨立的小模塊，例如文本、顏色、定位等都是單獨的小模塊，便于各模塊分別發展，就像一個單細胞生物進化成了多細胞生物，各個模塊之間相互分工和依賴，提供了更強大的生命力，本書內容主要涉及偽元素、背景和邊框、濾鏡、緩動、變形、動畫等模塊。