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

Question

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

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

我所做的一个例子：

页面1.HTML：

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

页面2.HTML：

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

design.css：

/*
.......
*/

Answer 1

只需要1个css文件即可。当您开始构建更大的站点时，您可以将样式表拆分为模块。

请仔细阅读smaccs方法，因为它是一种可靠的思维方式，然后才能达到建立自己的css架构的水平。

Answer 2

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

通常，最好有一个单独的.css文件包含所有页面的数据，原因有两个：

1. 您将允许浏览器缓存.css文件，从而加快加载速度;
2. 这将简化维护过程。

我建议你，如果你真的想在单独的块中划分.css来使用CSS＆＃39; @import分割代码块f.e表单样式等等。

Answer 3

这样做不是普遍的最佳做法。通常对于大型项目，建议在多个文件之间分离css，以便在开发期间进行调试和维护。由于您的个人网站看起来并不复杂，将它们分开似乎是不合理的。这类问题已经得到解答。

Single huge .css file vs. multiple smaller specific .css files?

One Stylesheet Per Page!

Answer 4

这是一个很好的做法。正如你所说

  

事实上，每个页面都有相同的布局，只有内容和它们的样式看起来不同。而我的网站并没有提升。

所以只保留一个CSS文件。原因：

1. 浏览器很容易保留缓存
2. 维护更好，因为您只在一个地方拥有所有设计规则。
3. 由于你的项目很小，CSS文件根本不是那么大。

如果您出于组织原因要分离文件，我建议您阅读有关Less或Sass等CSS预处理器的信息。使用它们，您可以在分离的文件中设置样式，并在发布之前加入所有样式。

Answer 5

你应该只保留一个css文件。让我用简单的一行告诉你，一旦你的网站加载到客户端网页浏览器中，就可以缓存静态资源，这有助于你的网站提升，当用户浏览你网站的多个页面时，可以减少网页请求的数量。

Answer 6

我建议您使用SCSS或LESS。 如果您不想使用特殊的语法，这些预编译器将允许您使用有效的CSS。 他们将允许您模块化代码，然后com