在一个页面上适当使用多个样式表

Question

我遇到了关于HTML编码的初级读本：http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png。

除其他外，它建议每页使用一个样式表。我将CSS样式组织在不同的样式表中：

• 全球（适用于所有页面）
• 表格（适用于所有表格）
• 客户（与客户相关的所有页面）
• ......等等。

如果每页有一个样式表，这不会导致巨大的冗余吗？难道我不会得到数十或数百个样式表，其中许多样式包含相同的定义？

您对此做法有何看法？您对引物有何看法？

------ ------ UPDATE

据我所知，“每页一个样式表”并不一定等同于在整个网站上放置多个样式表，因此这是一个简单的后续问题。

根据您的回复，是否适合使用一个涵盖整个网站的样式表，因此可能包含数千个行和数百/数千个未使用的行，以用于加载的特定页面？ （我的样式表在行上很高，因为我倾向于将给定类的每个样式放在一个新行上。）

Answer 1

我认为他们不是要在每页上使用不同的样式表;他们的意思是每个页面应该只有一个样式表。那个样式表可以应用于许多页面，也可能适用于整个站点。没有冗余，

但这不是一个严厉的规则。在拥有许多开发人员和设计人员的大型网站中，您可能希望将样式分成几个工作表，就像您目前所做的那样。对于中小型站点，单个全局样式表通常更易于管理，并提供（非常轻微）性能优势。排除与表单相关的样式没有任何好处，例如，不包含表单的页面。

他们试图提出的一点是，您可以将不同媒体的不同规则放在一张纸上 - 您不需要为不同媒体使用不同的纸张。

Answer 2

我以前用过：

一般 布局 形式 颜色等

但之后我将所有样式表都移到了一个结构化的文档中。

我这样做是为了减少http请求，因为我的样式表不是特别大。当你拥有一个需要更多可维护性的大型网站时，分离样式表就会得到回报。如果您关注http请求，您仍然可以拥有多个样式表并在上线前合并它们。如果您有一个“小”网站，那么一个样式表就可以了。

Answer 3

只有一个样式表minimizes the number of resource requests。我在Drupal中做了很多工作，它可以自动缓存样式表。为方便起见，我将开发几个样式表，然后将它们缓存以供生产。在非Drupal网站上，我将手动执行此操作。

另外值得注意的是：IE 6＆amp; 7只加载first 31 stylesheets。