2010-09-03 91 views
3

我在编写HTML时遇到了这个入门:http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png在一个页面上适当使用多个样式表

除其他外,它建议使用每页一个样式表。我安排我的CSS样式在不同的样式:

  • 全球(所有页面)
  • 形式(所有形式)
  • 客户(相关客户的所有页面)
  • ...和等等。

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

您对这种做法有何看法?您对底漆有什么意见?

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

我明白,说“每页一个样式表”并不一定等同于整个网站中有许多样式表,所以这里是一个简单的后续后续问题。

根据你的反应,是否有一个覆盖整个站点的样式表是适当的,因此它可能包含成千上万行和成百上千个未使用的行,用于装载它的特定页面? (我的样式表是高的行,因为我倾向于把每个样式给定类的一个新行。)

+0

不,它没有每页显示一个。 – cjk 2010-09-03 10:00:52

+0

我相信底漆意味着整个网站的一个主CSS文件 – 2010-09-03 10:05:03

+0

@ck - 在CSS下,它表示“使用单一样式表”,并对IE进行单独处理。 – sscirrus 2010-09-03 22:31:52

回答

4

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

虽然这不是一个硬性规则。在许多开发人员和设计师的大型网站中,您可能希望将样式分成几张,就像您现在正在做的那样。对于中小型企业而言,单一的全局样式表通常更容易管理,并且具有(非常轻微的)性能优势。例如,从不包含表单的页面中排除与表单相关的样式没有任何好处。

也许他们试图做的一点是,你可以将不同的媒体规则放在一张纸上 - 你不需要为不同的媒体使用不同的纸张。

+0

在回答您的更新问题时,我自己网站的单个样式表大约有1200行,我会很高兴它增长到两到三倍。像你一样,我每行使用一条规则。你需要小心布局和评论,以便你可以轻松地找到事情 - 但无论如何,这将是一个很好的做法。 – Graham 2010-09-08 11:42:26

0

我用:

一般 布局 形式 颜色等

但已经把我的所有样式表都移到了一个单一的结构化文档中。

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

0

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

另外值得注意的是:IE 6 & 7只加载first 31 stylesheets

相关问题