修改基础CSS框架的最佳实践

Question

在实现foundation.css框架时，我应该根据我的自定义需求（字体颜色，背景等）更新实际的foundation.css，还是应该使用辅助css进行自定义，以便在foundation.css需要更新时我可以替换它而不会丢失我的自定义。

让我知道你对这个策略的看法。这将是上面第二个选项的代码：

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

谢谢

Answer 1

我认为这更像是一个意见请求，而不是一个真正的问题。 不过，我会说答案是，在这些情况下，它总是取决于它。

你当然可以用第二个css覆盖原始样式，我认为这是他们在他们的文档中建议的（在最后一次没有使用过基础，我认为，6个月，对不起）。它将正常工作，并且您的未来升级将更容易集成，以防框架将获得一些。这当然是一种完美的面向未来的方法。

性能方面我建议直接定制那个非常css。我的理由是：

• 更少KB ：您的css会更轻=加载速度更快。
• 更少的DOM绘画：浏览器不必为Foundation方式设置样式，然后再按照自己的方式设置样式。
• 减少HTTP请求：浏览器只会下载一个css，从而节省一个额外的HTTP请求（更快的加载时间）

所以，这完全取决于你，因为你是唯一一个知道网站是否需要框架更新的人。 当我使用Foundation时，我从未需要更新，而且我认为它经过了相当多的测试，几乎不需要重要的更新。