Question

我正在构建一个包含多个样式表的ASP.NET网站。

每个样式表都专注于不同的页面/页面。将所有样式合并为1还是将捆绑解决此问题更好的性能？

就个人而言，我发现有几种样式表比较方便，因为它可以让您更清楚地了解可用的规则。

Answer 1

你提到了捆绑，所以我假设你在谈论ASP.NET优化中存在的捆绑功能。

如果是这样，那么这就是捆绑包的重点：您在开发中使用多个单独的文件/模块，并将它们合并/最小化到生产中的单个文件中。

只需确保您的捆绑包已正确定义/分类，您就不必考虑使用“太多”多个文件，因为它们在真正重要时会合并为单个文件。

Answer 2

相反，我建议你将样式表合并到一个文件中并相应地注释掉这些块，因为你的方法似乎不友好，而且，这将是一个巨大的性能影响，因为每次用户导航时都会请求样式表页面，因此在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样式等

样式表：1个大的还是几个大的还是几个较小的？

2 个答案: