1.2.2 CSS3簡(jiǎn)介
1.2.2 CSS3簡(jiǎn)介
CSS（Cascading Style Sheets，層疊樣式表單）簡(jiǎn)稱為樣式表，是用于（增強(qiáng)）控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。CSS是目前最好的網(wǎng)頁(yè)表現(xiàn)語(yǔ)言之一，所謂表現(xiàn)就是賦予結(jié)構(gòu)化文件內(nèi)容顯示的樣式，包括版式、顏色和大小等，它擴(kuò)展了HTML的功能，使網(wǎng)頁(yè)設(shè)計(jì)者能夠以更有效的方式設(shè)置網(wǎng)頁(yè)格式。現(xiàn)在幾乎所有漂亮的網(wǎng)頁(yè)都使用CSS，CSS已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。
1.CSS的發(fā)展歷史
伴隨著HTML的飛速發(fā)展，CSS也以各種形式應(yīng)運(yùn)而生。1996年12月，W3C推出了CSS規(guī)范的第一個(gè)版本CSS 1.0。這個(gè)規(guī)范立即引起了各方的積極響應(yīng)，隨即Microsoft公司和Netscape公司紛紛表示自己的瀏覽器能夠支持CSS 1.0，從此CSS技術(shù)的發(fā)展幾乎“一馬平川”。1998年，W3C發(fā)布了CSS 2.0/2.1版本，這也是至今流行廣泛并且主流瀏覽器都采用的標(biāo)準(zhǔn)。隨著計(jì)算機(jī)軟件、硬件及互聯(lián)網(wǎng)日新月異的發(fā)展，瀏覽者對(duì)網(wǎng)頁(yè)的視覺(jué)效果和用戶體驗(yàn)提出了更高的要求，開(kāi)發(fā)人員對(duì)如何快速提供高性能、高用戶體驗(yàn)的Web應(yīng)用也提出了更高的要求。
早在2001年5月，W3C就著手開(kāi)發(fā)CSS的第3版（即CSS3）的規(guī)范，它被分為若干個(gè)相互獨(dú)立的模塊。CSS3的產(chǎn)生大大簡(jiǎn)化了編程模型，不僅對(duì)已有功能進(jìn)行擴(kuò)展和延伸，更多的是對(duì)Web UI設(shè)計(jì)理念和方法的革新。雖然完整的、規(guī)范權(quán)威的CSS3標(biāo)準(zhǔn)還沒(méi)有塵埃落定，但是各主流瀏覽器已經(jīng)開(kāi)始支持其中的絕大部分特性。
2.使用CSS樣式控制頁(yè)面的外觀
樣式就是格式，在網(wǎng)頁(yè)中，像文字的大小、顏色及圖片的位置等，都是設(shè)置顯示內(nèi)容的樣式。圖1-3所示文字的顏色、大小都是通過(guò)CSS樣式控制的。
眾所周知，使用HTML編寫(xiě)網(wǎng)頁(yè)并不難，但對(duì)于一個(gè)由幾百個(gè)網(wǎng)頁(yè)組成的網(wǎng)站來(lái)說(shuō)，統(tǒng)一采用相同的格式就困難了。CSS能將樣式的定義與HTML文件內(nèi)容分離，只要建立定義樣式的CSS文件，并且讓所有的HTML文件都調(diào)用這個(gè)CSS文件所定義的樣式即可。
同時(shí)，CSS非常靈活，既可以是一個(gè)單獨(dú)的樣式表文件，也可以嵌入在HTML文件中。圖1-4所示的代碼片段，采用的是將CSS代碼內(nèi)嵌到HTML文件中的方式。雖然CSS代碼與HTML結(jié)構(gòu)代碼同處一個(gè)文件中，但CSS集中編寫(xiě)在HTML文件的頭部，仍然符合結(jié)構(gòu)與表現(xiàn)相分離的原則。
圖1-3 CSS控制頁(yè)面外觀
圖1-4 CSS代碼與HTML結(jié)構(gòu)代碼的結(jié)合