CSS代表級聯(lián)樣式表（ Cascading Style Sheets）。CSS是一種標(biāo)準(zhǔn)樣式表語言，用于描述網(wǎng)頁的表示形式（即布局和格式）。
在CSS之前，HTML文檔的幾乎所有表示形式屬性都包含在HTML標(biāo)記內(nèi)（特別是在HTML標(biāo)簽內(nèi)）。所有字體顏色，背景樣式，元素對齊方式，邊框和大小都必須在HTML中明確描述。
這樣做產(chǎn)生的后果，就是由于樣式信息被重復(fù)地添加到網(wǎng)站的每個(gè)頁面中，因此大型網(wǎng)站的開發(fā)成為一個(gè)漫長而昂貴的過程，同時(shí)也增加維護(hù)的成本。
為了解決此問題，萬維網(wǎng)聯(lián)盟（W3C）于1996年引入了CSS，該聯(lián)盟也保持了其標(biāo)準(zhǔn)。CSS旨在將表示和內(nèi)容分開?，F(xiàn)在，Web設(shè)計(jì)人員可以將網(wǎng)頁的格式設(shè)置信息移動到單獨(dú)的樣式表中，從而大大簡化HTML標(biāo)記并提高可維護(hù)性。
CSS3是CSS規(guī)范的最新版本。CSS3添加了一些新的樣式功能和改進(jìn)，以增強(qiáng)Web演示功能。
注意：我們的CSS教程將幫助您逐步學(xué)習(xí)最新CSS基礎(chǔ)知識、以后也會講到的CSS3樣式的基礎(chǔ)知識，從基本主題到高級主題。如果您是初學(xué)者，請從基礎(chǔ)部分開始，并通過每天學(xué)習(xí)一點(diǎn)點(diǎn)逐步前進(jìn)。（(cainiaoplus.com) -學(xué)好基礎(chǔ)，才會走的更遠(yuǎn)?。?/p>
CSS還可以做更多的事情。
您可以輕松地將相同的樣式規(guī)則應(yīng)用于多個(gè)元素。
您可以使用一個(gè)樣式表來控制網(wǎng)站多個(gè)頁面的顯示。
您可以在不同設(shè)備上以不同方式顯示同一頁面。
您可以設(shè)置元素的動態(tài)狀態(tài)（如懸停，焦點(diǎn)等）的樣式，否則無法實(shí)現(xiàn)。
您可以更改元素在網(wǎng)頁上的位置，而無需更改標(biāo)記。
您可以更改現(xiàn)有HTML元素的顯示。
您可以在2D或3D空間中變換縮放，旋轉(zhuǎn)，傾斜等元素。
您可以創(chuàng)建動畫和過渡效果，而無需使用任何JavaScript。
您可以創(chuàng)建網(wǎng)頁的打印友好版本。
CSS優(yōu)點(diǎn)好處還有很多，您可以使用CSS進(jìn)行許多其他有趣的操作。在接下來的章節(jié)中，您將詳細(xì)了解所有這些內(nèi)容。
CSS的最大優(yōu)點(diǎn)是，它可以將樣式和布局與文檔的內(nèi)容分開。這里還有更多優(yōu)點(diǎn)，為什么要選擇使用CSS？
CSS節(jié)省大量時(shí)間 -CSS提供了很多靈活性來設(shè)置元素的樣式屬性。您可以編寫一次CSS。然后相同的代碼可以應(yīng)用于HTML元素組，也可以在多個(gè)HTML頁面中重復(fù)使用。
易于維護(hù) — CSS提供了一種簡便的方法來更新文檔的格式，并在多個(gè)文檔之間保持一致性。因?yàn)榭梢允褂靡粋€(gè)或多個(gè)樣式表輕松控制整個(gè)網(wǎng)頁的內(nèi)容。
頁面加載速度更快 -CSS使多個(gè)頁面可以共享格式信息，從而降低了文檔結(jié)構(gòu)內(nèi)容的復(fù)雜性和重復(fù)性。它顯著減小了文件傳輸大小，從而加快了頁面加載速度。
HTML的高級樣式 -CSS比HTML具有更廣泛的表示功能，并且可以更好地控制網(wǎng)頁的布局。因此，與HTML表示元素和屬性相比，您可以使網(wǎng)頁看起來更好。
多種設(shè)備兼容性 -CSS還允許針對多種類型的設(shè)備或媒體優(yōu)化網(wǎng)頁。使用CSS，可以針對不同的呈現(xiàn)設(shè)備（例如臺式機(jī)，手機(jī)等）以不同的查看樣式呈現(xiàn)同一HTML文檔。
提示：現(xiàn)在大多數(shù)情況下不推薦也不建議使用HTML屬性。因此，最好使用盡可能多的CSS，以提高您網(wǎng)站的適應(yīng)性，并使它們與未來的瀏覽器更好地兼容。
該CSS教程系列涵蓋了CSS的所有基礎(chǔ)知識，包括選擇器的概念，設(shè)置顏色和背景的方法，設(shè)置字體和文本的格式的方式，對超鏈接，列表，表格等UI元素進(jìn)行樣式設(shè)置以及CSS框模型，等等。
熟悉基礎(chǔ)知識后，您將進(jìn)入下一個(gè)級別，該級別將介紹設(shè)置元素的尺寸和對齊方式，使用圖像精靈在網(wǎng)頁上放置元素的方法以及相對和關(guān)聯(lián)的概念。絕對單位，視覺格式模型，顯示和可見性，圖層，偽類和元素，與媒體相關(guān)的樣式表等。
最后，您將探索CSS3中引入的一些高級功能，例如漸變顏色，陰影效果，2D和3D變換，alpha透明度，以及創(chuàng)建過渡和動畫效果的方法，伸縮布局，濾鏡效果，媒體概念查詢等等。
提示：本教程的每一章都包含許多真實(shí)的示例，您可以使用在線編輯器嘗試并進(jìn)行測試。這些示例將幫助您更好地理解CSS概念和應(yīng)用。它還包含常見的解決方法以及有用的提示和重要說明。