如何为多个页面使用一个css文件(外部样式表)

Question

我对编程很陌生。我想创建一个不同页面的投资组合网站。到目前为止，我已经创建了我的登陆页面(index.html)。现在我想工作在我的about.html页面(后来我的联系页面，简历页面等)。我必须为我所有的页面使用相同的CSS表。为了做到这一点，我将CSS链接到所有这些。现在，每次我在一个页面上编辑css，它都会改变所有其他页面。我希望一些元素是相同的，而另一些元素是不同的。例如，我不希望我的"about"页面的内容会出现在我的"contact"页面上。

Answer 1

有两种方法可以实现你的愿望。

1. 您为每个页面创建一个CSS文件，只需从用于索引页面的CSS文件中复制并粘贴代码。然后，如果您想让about页看起来与索引页不同，请编辑该文件以设置about页的样式。

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

在一天结束的时候，给多个页面设计样式的最好方法是创建几个CSS文件。一个文件包含所有页面的通用属性，例如如果所有页面的字体大小相同，则元素的字体大小。用于自定义每个页面的附加CSS文件。

Answer 2

采用非常简单、常规和模块化的方法。

• 把你所有的CSS代码在你的网站全局使用到一个，并命名为main.css。
• 为每个页面创建单独的CSS文件，并在其中编写代码来添加/覆盖样式。例如:About .css表示About页面。