CSS提高網(wǎng)頁的維護(hù)更新效率

2024-07-11 08:23:31

字體：大中小

供稿：網(wǎng)友

　　隨著互聯(lián)網(wǎng)經(jīng)濟的不斷發(fā)展，互聯(lián)網(wǎng)上的專業(yè)網(wǎng)站、公眾服務(wù)網(wǎng)站以及企業(yè)門戶的數(shù)量都在飛速的增長，各網(wǎng)站的信息量也呈爆炸性增長的趨勢。面對這些龐大的信息量，我們對網(wǎng)頁中每一個欄目的增刪，都會是一個很復(fù)雜的過程。為了提高網(wǎng)頁的維護(hù)更新效率，我們可以使用樣式表，來僅僅改變一個文件，就能達(dá)到同時改變幾百個網(wǎng)頁的外觀，而其個性化的表現(xiàn)未受任何損失。為了能充分用好樣式表的強大性和靈活性，筆者就怎樣有效使用樣式表，來談?wù)勛约旱囊恍┬牡皿w會。

1、在一個網(wǎng)頁中同時調(diào)用CSS的多種引入方式

　　在HTML中引入CSS的方式很多，例如直接插入式，使用鏈接外部樣式表，使用CSS"@import"導(dǎo)入樣式表以及在內(nèi)部元素中使用"STYLE"標(biāo)記來定義樣式表等。有網(wǎng)友詢問，這些引入方式能不能同時在一個網(wǎng)頁中被調(diào)用，它們之間會不會產(chǎn)生混亂？其實，我們大可不必這么擔(dān)心，這就是它為什么稱之為“層疊樣式表”的原因，瀏覽器在處理網(wǎng)頁中的樣式表是按照一定的順序來處理的，首先檢查頁面中是否有直接插入式CSS，假如存在就先執(zhí)行它，針對本句的其它CSS就不去管它了；接著檢查網(wǎng)頁源代碼中的"STYLE"標(biāo)記，有就執(zhí)行了；接下來再依次檢查執(zhí)行"@import"導(dǎo)入的內(nèi)部樣式表和鏈接的外部樣式表。因此，我們完全可以在一個網(wǎng)頁中同時調(diào)用CSS的多種引入方式。

2、快速創(chuàng)建CSS外連式文件

　　對于一個初接觸CSS的網(wǎng)頁設(shè)計人員來講，要用寫字板之類的編輯器，去創(chuàng)建一個CSS外連式文件是相當(dāng)困難的。由于Dreamweaver對CSS支持的很好，用它來幫助就輕松多了。具體可以這樣操作：首先在紙上寫好在網(wǎng)站的網(wǎng)頁中可能要用到的格名稱，然后在Dreamweaver的編輯窗中調(diào)出CSS面板，一個一個地定義，并在一個空白頁上適當(dāng)?shù)貙懸稽c相關(guān)內(nèi)容，邊定義邊試用，效果不滿足，立即修改；全部定義好后，再用記事本創(chuàng)建一個空的CSS外連式文件，把在〈head〉與〈/head〉之間的那段定義好的CSS復(fù)制到CSS文件中去，就大功告成了。

3、讓背景圖案靜止不動

　　當(dāng)網(wǎng)頁不能在一屏全部顯示時，我們往往借助于水平滾動條和豎直滾動條來瀏覽屏幕以外的內(nèi)容，移動滾動條時一般圖象和文字是一起移動的，那么我們有沒有辦法使背景圖象不隨文字一起“滾動”呢？利用CSS就可以實現(xiàn)這樣的目的，我們只要把下面這段源代碼直接放在網(wǎng)頁的與標(biāo)簽之間就可以了，其中bg.jpg就是網(wǎng)頁中的背景圖象，大家可以把它換成自己需要的背景圖象：

示例代碼 [www.CuoXIn.com]

上一篇：整理資料：與表格邊框有關(guān)的CSS語法

下一篇：CSS整體布局聲明的一些用法