4

作为我工作的一部分，我维护/开发一个内部 Web 应用程序。它的用户相对较少，而且规模不大。我有一个全局 CSS 文件，其中包含一些重复使用的样式，但我 90% 的特定于页面的样式确实是特定于页面的；它们类似于伪列宽（我的很多输出只是非表格的，足以使表格成为一个糟糕的选择）。我已经习惯在这些页面的顶部放置一个 <style> 块。

我知道这是不受欢迎的，但每次我读到单独的 CSS 文件的原因时，唯一真正突出的是缓存。在这种情况下，这无关紧要；如果我需要加快应用程序的速度，这在我会做的事情清单上是很差的。还有其他原因吗，或者我可以停止感到内疚吗？

4

4 回答 4

7

每次我读到单独的 CSS 文件的原因时，唯一真正突出的是缓存

真的吗？

每次我读到它们的用法时，您可以更改 CSS 文件中的某些内容并且包含它的所有页面都会发生更改的事实是使用它们的最重要原因。

即使您的特定页面有不同的特定规则，让您的 CSS 集中是一件好事。它可以帮助您统一整个站点的基本 CSS 结构，并且在查找特定效果是如何实现的时，它会很容易找到。

这些都是使用 CSS 文件的重要原因，远高于任何缓存/性能原因。

于 2012-12-28T16:18:47.253 回答
2

我面临着类似的问题，因为我的大多数样式都非常特定于页面。但是，我的网站远非小，所以我必须找到解决方案。

我最终做的是创建一个文件夹css/pages，并将每个 CSS 文件命名为与使用它的页面相同的名称。然后，我的 PHP“模板”可以检查if(file_exists("css/pages/".basename($_SERVER['PHP_SELF'])))并添加相关<link/>标记，从而使我的工作量最小。

仅仅因为您的网站很小并不是忽视效率的正当理由，尽管我不得不说我是一个效率书呆子，所以我可能会对此更加迂腐：p

最终，将特定于页面的 CSS 直接放在页面中并没有什么“错误”，只需确保在多个页面上使用的任何内容都在一个文件中，这样您就不必重复自己。

于 2012-12-28T16:18:35.987 回答
1

在我看来，如果您的应用程序只包含几个网页（3-5 页），那么您可以继续在网页顶部定义它。如果您的应用程序要增长到超过 3-5 个网页，那么全局 CSS 将有助于提高可维护性和可扩展性。

于 2012-12-28T16:24:44.317 回答
0

使标记更清晰，加载更快。真正适用于模板和动态开发。不要害怕使用它。这不像你会走向黑暗的一面。

于 2012-12-28T16:29:04.593 回答