如何将一个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为关于页面。