標題中有多個CSS文件？

我有一個PHP腳本，它的頭中有兩個CSS文件。其中一個CSS文件只有5條短線。標題中有多個CSS文件？

是否可以安全地將該文件移動到更大的CSS文件中？當一行只有幾行時，有兩個單獨的CSS文件有什麼意義？

2013-01-09 Tryin2Code

」把這個移動到更大的CSS文件是安全的嗎？「 - 取決於它在哪裏使用。 – Quentin

「當只有幾行時，有兩個單獨的CSS文件有什麼意義？」 - 關注點分離。不同頁面的CSS不同。等等，我們只能推測爲什麼你所從事的系統是這樣設置的。 – Quentin

正好..如果所有文件都需要css文件，那麼合併它們將節省帶寬。因爲瀏覽器只需要請求一個文件。 :) – mithunsatheesh

是的，他們是一個點。例如，我有一個處理所有顏色的design.css，一個純粹用於定位和尺寸的layout.css，以及一個處理動畫等的interaction.css。

file1.css file2.css

導致在包含在同下面的代碼文件訂購：

/* content of file1.css */ 
/* content of file2.css */

2013-01-09 11:20:49

沒有意義（在這種情況下）。你應該把幾行移到另一行。如果您有兩個單獨的文件 - 將有2個請求到服務器。你可能不會看到差異，因爲這些都是毫秒，但在這種情況下它將是一個「最佳實踐」。

2013-01-09 11:17:38 tborychowski

本質上，它有助於瀏覽器只加載與頁面相關的內容，加快頁面加載時間。

有些服務可以顯示您下載的CSS有多少應用於給定的頁面。

2013-01-09 11:17:59

沒有理由不把它移到同一個文件中。

您可以擁有儘可能少或更多的CSS文件。

只有當您有大量樣式和CSS文件變得很大並且無法讀取時，纔會帶來好處。那麼把它們分解下來是有道理的。或者當你想分裂他們不同的網頁等。

它只是一個額外的請求到服務器，似乎毫無意義的只有5行。

2013-01-09 11:19:01

檢查以確保您的PHP腳本不引用其中只有幾行的CSS文件。如果沒有，那麼你很清楚合併這兩個。如果是這樣引用它，然後再考慮調用較大的CSS文件中的較短的CSS文件，像這樣：

@import url('/css/smaller-file.css');

如果您添加到您的更大的CSS文件，那麼你應該能夠只是有更大的CSS文件在你的PHP頭文件中。

希望這會有所幫助！

2013-01-09 11:20:20 Cynthia

當然有一點，就像有很多文件有任何語言來組織內容一樣。

由於許多請求對性能造成很大負擔，通常的解決方案（和我的）是使用構建腳本通過將目錄的所有CSS文件合併爲一個來構建版本。確切的方法取決於你的建築物

請注意，它與JS文件進行連接和縮小的操作類似。「

2013-01-09 17:18:32

回答