如何將一個css文件（外部樣式表）用於多個頁面？

Question

我很新的編碼。我想創建一個包含不同頁面的投資組合網站。到目前爲止，我創建了我的着陸頁（index.html）。現在我想在我的about.html頁面上工作（後來我的聯繫頁面，簡歷頁面等）。我必須爲我的所有頁面使用相同的CSS表格。爲此，我將CSS鏈接到它們全部。現在，每次我在一個頁面上編輯CSS時，它都會改變其他所有內容。我想要一些元素是相同的，但其他元素是不同的。例如，我不希望我的「關於」頁面的內容會出現在我的「聯繫人」頁面上。

Answer 1

有兩種方法可以實現您的願望。

1. 您爲每個頁面創建一個CSS文件，並從您用於索引頁面的CSS文件中複製並粘貼代碼。之後，如果您希望它看起來與索引頁面不同，請編輯文件以設置關於頁面的樣式。

2. 您導入使用@import處理程序索引CSS文件到將被用於設計的有關頁面和代碼添加到CSS文件自定義頁面左右一個新的CSS文件。

在一天結束時，設置多個頁面的最佳方式是創建多個CSS文件。一個文件包含所有頁面的公共屬性，例如字體大小在所有頁面上相同時的元素字體大小。額外的CSS文件來自定義每個頁面。

Answer 2

採取非常簡單，傳統和模塊化的方法。

• 將您的網站全局使用的所有CSS代碼放入一個並命名爲main.css。
• 爲每個頁面創建單獨的CSS文件，並在其中編寫代碼以添加/覆蓋樣式。例如：about.css爲關於頁面。