-1

在实现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" />

谢谢

4

1 回答 1

2

好吧，我认为这更像是一个意见请求，而不是一个真正的问题。不过，我想说答案是，在这些情况下，一如既往，这取决于。

您当然可以用第二个 css 覆盖原始样式，我认为这就是他们在他们的文档中所建议的（我认为，在过去的 6 个月里，我没有使用 Foundation，抱歉）。它会正常工作，并且您未来的升级将更容易集成，以防框架得到一些。这无疑是一种完美的面向未来的方法。

性能方面，我建议直接自定义那个 CSS。我的理由是：

  • 更少的 KB：你的 css 会更轻 = 加载速度更快。
  • 更少的 DOM 绘制：浏览器不必以 Foundation 方式设置元素的样式，然后再以您的方式重新设置它们的样式。
  • 更少的 HTTP 请求：浏览器只会下载一个 css，节省了一个额外的 HTTP 请求（加载时间更长）

因此，这完全取决于您，因为您是唯一知道网站是否需要更新框架的人。当我使用 Foundation 时，我从来不需要更新，而且我认为它已经过大量测试，几乎不需要重要的更新。

于 2013-03-07T01:23:06.603 回答