高效率使用CSS樣式表的八則技巧

　　隨著互連網經濟的不斷髮展，互連網上的專業網站、公眾服務網站以及企業門戶的數量都在飛速的增長，各網站的資訊量也呈爆炸性增長的趨勢。面對這些龐大的資訊量，我們對網頁中每一個欄目的增刪，都會是一個很複雜的過程。為了提高網頁的維護更新效率，我們可以使用樣式表，來僅僅改變一個檔案，就能達到同時改變幾百個網頁的外觀，而其個人化的表現未受任何損失。為了能充分用好樣式表的強大性和靈活性，筆者就怎樣有效使用樣式表，來談談自己的一些心得體會。
　　1、在一個網頁中同時調用CSS的多種引入方式
　　在HTML中引入CSS的方式很多，例如直接插入式，使用 連結外部樣式表，使用CSS"@import"匯入樣式表以及在內部元素中使用"STYLE"標記來定義樣式表等。有網友詢問，這些引入方式能不能同時在一個網頁中被調用，它們之間會不會產生混亂？其實，我們大可不必這麼擔心，這就是它為什麼稱之為“層疊樣式表”的原因，瀏覽器在處理網頁中的樣式表是按照一定的順序來處理的，首先檢查頁面中是否有直接插入式CSS，如果存在就先執行它，針對本句的其它CSS就不去管它了；接著檢查網頁原始碼中的"STYLE"標記，有就執行了；接下來再依次檢查執行"@import"匯入的內部樣式表和 連結的外部樣式表。因此，我們完全可以在一個網頁中同時調用CSS的多種引入方式。
　　2、快速建立CSS外連式檔案
　　對於一個初接觸CSS的網頁設計人員來講，要用寫字板之類的編輯器，去建立一個CSS外連式檔案是相當困難的。由於Dreamweaver對CSS支援的很好，用它來協助就輕鬆多了。具體可以這樣操作：首先在紙上寫好在網站的網頁中可能要用到的格名稱，然後在Dreamweaver的編輯窗中調出CSS面板，一個一個地定義，並在一個空白頁上適當地寫一點相關內容，邊定義邊試用，效果不滿意，立即修改；全部定義好後，再用記事本建立一個空的CSS外連式檔案，把在〈head〉與〈/head〉之間的那段定義好的CSS複製到CSS檔案中去，就大功告成了。
　　3、讓背景圖案靜止不動
　　當網頁不能在一屏全部顯示時，我們往往藉助於水平捲軸和豎直捲軸來瀏覽螢幕以外的內容，移動捲軸時一般圖象和文字是一起移動的，那麼我們有沒有辦法使背景圖象不隨文字一起“滾動”呢？利用CSS就可以實現這樣的目的，我們只要把下面這段原始碼直接放在網頁的與標籤之間就可以了，其中bg.jpg就是網頁中的背景圖象，大家可以把它換成自己需要的背景圖象：