修改基礎CSS框架的最佳實踐

-1

在實現foundation.css框架時，我是否應該爲我的自定義需求（字體顏色，背景等）更新實際的foundation.css，或者是否應使用輔助CSS來定製，以便在foundation.css需要更新我可以替換它而不會丟失我的定製。修改基礎CSS框架的最佳實踐

讓我知道你對這個策略的想法。這將是上面的代碼，第二個選項：

<link rel="stylesheet" href="css/foundation.css" media="screen, projection" /> 
<link rel="stylesheet" href="css/my-custom.css" media="screen, projection" />

謝謝

來源

2013-03-07 brian johnson

這不是「不建設性」。這是一個很好的問題，我曾與各種開發人員聊過。我發現的結論是，每個項目都會有所不同，涉及的開發人員數量以及框架本身更新的頻率。 – 2014-11-14 15:54:30

這裏會有一些不同的意見，但這是一個真正的問題，值得真正的答案。已被接受的方法只是部分正確，並不足以解釋替代方案，這些替代方案實際上因用例而異，而不僅僅是意見。 – numbers1311407 2015-05-02 14:13:17

第三個未提及的並且通常最正確的選擇是利用用於構建框架CSS的預編譯器源代碼（本例中爲sass）。這些框架傾向於大量使用變量來表示基本樣式，可以在不修改源*的情況下覆蓋這些變量，從而允許它在未來的更新中保持不變。如果你的目標本質上是框架的主題（而不是用它作爲重大修改的起點），那麼這通常是可接受的最佳實踐。 – numbers1311407 2015-05-02 14:19:13

嗯，我覺得這是一個多真正的問題發表意見的請求。不過，我想說的答案是，一如既往在這些情況下，這取決於。

你當然可以覆蓋掉原有花式與第二CSS，我認爲這是他們建議對他們的文檔的內容（尚未在過去的使用基礎，我認爲，6個月，抱歉）。它只會正常工作，並且您的未來升級將更容易集成，以防框架得到一些。這當然是一個完美的面向未來的方法。

性能明智我建議直接定製，非常CSS。我的理由是：

減KB：你的CSS會更輕更快=加載。
減去DOM繪畫：瀏覽器將不必以基礎方式對元素進行樣式設置，然後以您的方式重新設計樣式。
少HTTP請求：瀏覽器將只下載一個CSS，節省了一個額外的HTTP請求（fater加載時間）

所以，這真的取決於你，因爲你是唯一一個誰知道如果網站需要更新框架。當我使用Foundation時，我從未需要更新，我認爲它已經過很多測試，至關重要的更新幾乎不需要。

來源

2013-03-07 01:23:06 Nobita

修改基礎CSS框架的最佳實踐

回答

相關問題