2010-09-03 74 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

相關問題