CSS：具有多個導入或多個樣式表的主樣式表？

我總是創建了一個名爲樣式master.css，進口這一個樣式表，在<head>，並用@import陳述中其他樣式，例如拉CSS：具有多個導入或多個樣式表的主樣式表？

@import('sitestyles.css') 
@import('blogstyles.css')

我從其他人複製了這個。

但我剛剛問我爲什麼這樣做，而不是簡單地在<head>導入這兩種樣式表，並意識到，我不知道。

任何人都知道一個很好的理由之一是優於另一種？

謝謝！

來源

2011-03-04 AP257

我想說的頭部是優選的 - 你可以在其中包括CSS，而不必深入到CSS文件本身一看便知。

來源

2011-03-04 15:37:18 alex

實際上，Google網頁速度指南也會推薦：http://code.google.com/speed/page-speed/docs/rendering.html#PutCSSInHead – AP257

我這樣做是因爲它只是爲我創建更少的HTML來維護。我有一個標準的reset.css文件，包含在我的所有站點中，然後是我的screen.css和其他任何我需要的文件，例如jQuery插件等。不利的一面是您可能會包含不必要的樣式表，並增加加載時間。

此外，增加CSS3的@media查詢就會讓一切更大量maintanable在我看來。 @media (orientation: portrait) { … }

@media screen{ 
    /* Import all stylesheets for screen */ 
} 

@media (orientation: portrait){ 
     /* Import all stylesheets for portrait layouts */ 
}

等等

這純粹只是認爲雖然。

來源

2011-03-04 15:37:51

如果您master.css不動態改變，爲什麼不包含在一個文件中的所有樣式？如果它確實是動態變化的（取決於用戶正在查看的頁面），那麼肯定會在頭部包含不同的樣式表更容易，而不必動態地改變master.css。這樣，您可以立即看到包含哪些文件。

來源

2011-03-04 15:38:51

某些文件在多個網站之間共享，所以我無法只使用一個文件。謝謝您的好意。 – AP257

CSS：具有多個導入或多個樣式表的主樣式表？

回答

相關問題