【发布时间】：2013-07-20 17:57:30
【问题描述】：
我正在构建一个包含多个样式表的 ASP.NET 网站。
每个样式表都专注于不同的页面。将所有样式合并为 1 在性能方面更好还是捆绑解决这个问题？
就个人而言，我发现几个样式表更方便，因为它可以让您更好地了解可用的规则。
【问题讨论】：
-
如果您每页制作一张纸，您可能会进行大量复制和粘贴。样式表的重点是不需要这样做......
标签： css performance
【发布时间】：2013-07-20 17:57:30
【问题描述】：
相反，我建议您将样式表合并到一个文件中并相应地注释掉这些块，因为您的方法似乎不友好，而且这将对性能造成巨大影响，因为每次用户导航时都会请求样式表一个新的页面，因此增加了 http 请求。
此外，某些核心样式将在每个页面上重复，例如重置、字体大小和系列等，因此您必须在每个页面上设置 2 个样式，其中 1 个用于处理基本样式，而其他样式将应用于每页，而不是将它们合二为一。
我特别遵循这个约定..
/* Core Styles */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
/* Other stuffs */
}
/* Core Styles Ends */
/* Header Styles */
/* Header styles here */
/* Header Styles ends */
/* Home page styles starts */
/* Home page styles ends */
这样你也可以跨页面使用样式，你不需要在每个页面上重复一些，例如font color、font size、h1-h6样式等
【讨论】：
您提到了捆绑，所以我假设您说的是 ASP.NET 优化中存在的捆绑功能。
如果是这样，那么这就是捆绑包的全部意义所在：您在开发中使用多个单独的文件/模块，并在生产中将它们合并/最小化到单个文件中。
只需确保您的捆绑包已正确定义/分类，您不必考虑要处理“太多”多个文件，因为它们会在真正重要的时候组合成单个文件。
【讨论】：