为每个HTML页面制作单独的CSS文件是个好主意吗？

Question

我正在建立一个个人主页。我有4个HTML页面，并且所有页面只有一个CSS链接表。也就是说，在一个CSS文件中，我为所有不同的页面设置了布局。[实际上，每个页面的布局几乎相同，只是内容和样式看起来不同。我的网站并没有那么进步。]

这是一个好习惯吗？或者我应该为每个页面创建单独的CSS？

我所做的一个例子：

page-1.html：

<link rel="stylesheet" type="text/css" href="design.css">

page-2.html：

<link rel="stylesheet" type="text/css" href="design.css">

design.css：

/*
.......
*/

Answer 1

对于这么小的东西，只需 1 个 css 文件。当您开始构建更大的站点时，您可以将样式表分成多个模块。

在达到可以构建自己的 css 架构的水平之前，请通读CSS方法的可扩展和模块化架构，因为它是一种可靠的思维方式。

Answer 2

您的示例显示您design.css为整个网站使用一个文件。

一般来说，最好有一个包含所有页面数据的 .css 文件，原因有二：

1. 您将允许浏览器缓存 .css 文件，从而缩短加载时间；
2. 它将简化维护过程。

我会建议你，如果你真的想将 .css 划分为单独的块，以使用 CSS'@import来划分代码块和表单样式等等。