在網頁中,通常我們需要對不同的頁面進行樣式設置。為了方便管理和維護,我們可以使用每個頁面一個CSS的方法來管理頁面的樣式。
例如: <!-- 頁面1.html --><head><link rel="stylesheet" type="text/css" href="page1.css"></head><!-- 頁面2.html --><head><link rel="stylesheet" type="text/css" href="page2.css"></head>
以上代碼中,我們將頁面1的樣式設置保存在page1.css文件中,將頁面2的樣式設置保存在page2.css文件中,通過在頁面頭部引入不同的CSS文件實現不同頁面的樣式。這樣做的好處是,不同的頁面樣式之間不會有沖突,也方便維護和修改。
除了每個頁面一個CSS的方法,我們還可以采用多個頁面共用一個CSS的方法。在這種方法中,我們將樣式設置保存在一個獨立的CSS文件中,并在每個頁面中引用該文件:
<!-- 頁面1.html 和 頁面2.html --><head><link rel="stylesheet" type="text/css" href="common.css"></head>
這種方法的好處是,減少了樣式文件的數量,減輕了服務器壓力,同時樣式修改也更加方便。
總體來說,每個頁面一個CSS和多個頁面共用一個CSS都有各自的優劣,需要根據具體情況來選擇合適的應用方式。
上一篇母版頁如何使用css
下一篇jquery on不可用