一、CSS能做什么

CSS用于增強(qiáng)或控制網(wǎng)頁樣式，并允許將樣式信息與網(wǎng)頁內(nèi)容分離。引用樣式表的目的是將“網(wǎng)頁結(jié)構(gòu)代碼”和“網(wǎng)頁樣式風(fēng)格代碼”分離開，從而使網(wǎng)頁設(shè)計(jì)者可以對(duì)網(wǎng)頁布局進(jìn)行更多的控制。利用樣式表，可以將整個(gè)站點(diǎn)上所有網(wǎng)頁都指向某個(gè)CSS文件，設(shè)計(jì)者只需要修改CSS文件中的某一行，整個(gè)網(wǎng)頁上對(duì)應(yīng)的樣式都會(huì)隨之發(fā)生改變。

二、CSS的局限性

CSS具有這么多的作用，是不是就意味著它是無所不能、什么都能自由實(shí)現(xiàn)的呢？

1、屬性無法繼承

當(dāng)然不是，CSS仍然存在有些屬性不能被繼承的問題，如border屬性，它是用來設(shè)置元素邊框的，它就沒有繼承性。多數(shù)背景和邊框類屬性，比如像padding（補(bǔ)白）、margin（邊界）都是不能繼承的。

2、顯示效果不一致

此外，使用CSS指定特定元素外觀時(shí)，對(duì)靜態(tài)HTML能完美支持，但對(duì)于動(dòng)態(tài)網(wǎng)站中服務(wù)器元素，還存在著在不同瀏覽器中輸出不一致的問題。

三、網(wǎng)站CSS賞析

1、商務(wù)網(wǎng)站CSS樣式賞析：

下圖是一個(gè)企業(yè)網(wǎng)站，通過CSS控制圖片靈活布局，實(shí)現(xiàn)浮雕效果。在這個(gè)網(wǎng)站，字體樣式、頁面背景、按鈕樣式和菜單都采用CSS修飾控制，如果沒有CSS，展示在我們面前的只是一個(gè)樸素的HTML文字和圖片網(wǎng)站。

2、游戲網(wǎng)站CSS樣式賞析：

下圖是一個(gè)CSS布局的游戲網(wǎng)站，SCC與JavaScript控制，實(shí)現(xiàn)繽紛的動(dòng)態(tài)效果。在此網(wǎng)頁中，字體樣式、按鈕樣式、菜單樣式都得到了充分的應(yīng)用，并且值得一提的是廣告上下浮動(dòng)，也需要使用CSS樣式定義DIV層。