如何为多个页面使用一个css文件（外部样式表）？

Question

我对编码很新。我想创建一个包含不同页面的投资组合网站。到目前为止，我已经创建了我的登录页面（index.html）。现在我想在我的about.html页面上工作（稍后我的联系页面，简历页面等）。我必须为我的所有页面使用相同的CSS表。为此，我将CSS链接到所有这些。现在，每当我在一个页面上编辑css时，它都会更改所有其他页面。我想要一些元素是相同的，但其他元素是不同的。例如，我不希望我的“关于”页面的内容会出现在我的“联系”页面上。

Answer 1

有两种方法可以达到你想要的效果。

1. 您为每个页面创建一个CSS文件，只需复制并粘贴您用于索引页面的CSS文件中的代码。然后，编辑文件以设置关于页面的样式，如果您希望它与索引页面不同。

2. 使用@import处理程序将索引CSS文件导入到一个新的CSS文件中，该文件将用于设置about页面的样式并将代码添加到CSS文件以自定义about页面。

在一天结束时，设置多个页面样式的最佳方法是创建多个CSS文件。一个文件包含所有页面的公共属性，如元素的字体大小，如果所有页面上的字体大小相同。用于自定义每个页面的其他CSS文件。

Answer 2

采用非常简单，传统和模块化的方法。

• 将您网站中全局使用的所有CSS代码放入一个并将其命名为main.css。
• 为每个页面创建单独的CSS文件，并在其中编写代码以添加/覆盖样式。例如：about.css for About page。