0

问题很简单：我们有一个“主 CSS 文件”（母版页的相同概念）并且对于每个页面都有一个特定且唯一的 CSS 文件，这是一种很好的做法吗？

我问这个是因为我认为在一个不会使用它的页面上有非常不同的代码是没有用的——你们都能理解我吗？

4

4 回答 4

2

从用户界面的角度...

在以下情况下使用单独的 CSS：

  • 您有几乎独立的页面，其中包含不太常见的内容
  • 您需要在不同的项目中重用特定页面

在以下情况下使用单个 CSS：

  • 你有很多共同的风格
于 2013-02-06T11:04:35.663 回答
1

使用一个主 CSS 文件比拥有一个主 CSS 文件和几个特定 CSS 文件的最大优势是

  1. 您可以节省 HTTP 请求时间和资源。如果您有多个文件，则需要多次调用服务器并浪费元数据。
  2. 一切都在一个地方，您可以更轻松地编辑它们。CSS 变得更易于管理您的网站。
  3. 缓存有很大帮助。

主文件中多余的/未使用的样式规则可能太少而无关紧要。

于 2013-02-06T11:02:52.970 回答
1

在我看来，最好使用尽可能少的样式表 (css) 和 JavaScript 文件，以减少 HTTPS 请求的数量。

拥有一个大的 css 文件比拥有 5 个不同的文件更好，因为 css 文件很可能会在初始请求后缓存在用户的浏览器中，而缓存的 CSS 文件将在第一次请求后提供。

于 2013-02-06T11:04:08.873 回答
0

是的，这是最佳实践，原因如下：

当用户加载您的网站时，他们将在第一次加载时下载单个 CSS 文件 - 此后，他们的浏览器将在您的主域下为您网站上的每个页面缓存该文件。这意味着不再需要从服务器加载 CSS 文件来浏览您的网站并加快页面加载速度。

如果您从代码结构的角度考虑分离问题，我鼓励您考虑一些 CSS 预编译器，例如SASS或LESS ，它们可以让您以更好的方式构建代码。

于 2013-02-06T11:04:53.427 回答