2011-08-02 100 views
8

我在徵求意見,以瞭解處理@ import的最佳方式或避免將它們放在一起。CSS @import最佳實踐

使用DNN我發現,雖然蒙皮,模塊和所有這些各種重寫元素的CSS可能非常混亂。將所有的CSS轉儲到單個文件中可能會很繁瑣,我想知道將這些文件分開並將它們導入skin.css的頂部會更好。還有效率的問題,如果這是或不是一個很好的權衡。

我不是CSS專業人員,但我想我可能知道這個答案,但會問無論如何。無論如何,以與.cs文件相同的方式引用各種CSS文件? skin.Events.someElement?這不是很好嗎? ;-)

謝謝。

回答

8

從單純的經驗:

工作時,你可以把一切都分開(reset.css,forms.css,main.css的等),如果你發現很難與一個單個文件 - 我不噸做甚至..

當投入生產 - 保持一切在一個文件 - 無進口 - 1服務器請求 - 儘量減少你的CSS。

如果你想保持你的main.css hack免費/通過驗證,那麼異常是一個額外的ie.css(我也不這樣做,因爲沒有一個我的客戶關心驗證 - 人們希望它工作,徽章不是趨勢:) - 所以我只是使用黑客槽我的main.css(#,_等))

+1

+1最小化css。現在,隨着越來越多的移動設備上線,您的css佔用空間越小越好。 – Onisemus

10

最好避免@import

根據Steve Souders的說法,@importlink或嵌入@import在其他樣式表中將導致順序而不是並行下載。

還有其他問題。

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

雅虎還建議對@import,並指出

在IE中@import的行爲與使用在 頁面的底部,所以最好不要使用它。

http://developer.yahoo.com/performance/rules.html#csslink

我通常使用一個樣式表並使用link抓住它。

對於特殊的大型網站,我使用一個主樣式表,然後使用較小的表單作爲需要額外樣式的部分,並根據需要將這些樣式表添加到各個頁面。