1.1 CSS簡介

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

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