網(wǎng)頁設(shè)計中的CSS樣式

一、CSS能做什么

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

二、CSS的局限性

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

1、屬性無法繼承

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

2、顯示效果不一致

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

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

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

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

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

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