在自己的自定义 css 上使用 css 框架

Question

我正在尝试使用我自己的自定义 css 在我的网站上达到最佳 css 实践，直到我发现我可以使用 css 框架，例如 bootstrap 或 Foundation zurb。我认为直接使用这样的框架而不需要制作我自己的自定义 css 是可能的，但事实证明，所有 css 框架都仅限于某个点，但我需要添加额外的自定义 css，以便我的网站看起来像我想要的那样。

我想使用 css 框架，因为它通过 CDN 提供服务，因此没有额外的带宽，而且加载速度和性能也是如此。

现在我的问题是，是否可以在网站上仅使用 css 框架而不需要添加自定义 css？

另外，如何创建我自己的自定义 css 并将@import 用于自定义文件中的 css 框架，这是一个好习惯吗？

谁能启发我一种有效的方法，将带有/不带有 css 框架的 css 文件提供给我的网站？

Answer 1

如果您满足以下任一条件，则无需编写任何自定义 CSS 即可使用普通框架

您可以将@import 框架添加到您自己的自定义 CSS 中 - 事实上，许多框架都可以作为 less 使用，并且导入它们还允许您在自己的 CSS 中使用框架中的变量。

就效率而言，您确定这是您遇到的性能问题吗？如果您还没有测量性能，那么您还没有准备好进行优化！当然，在外观完全符合您的要求和保持页面快速加载之间，这是一个直接的经济权衡。

Answer 2

使用 CSS 框架总是一个不错的选择。您可以使用引导程序/基础。除了网站上的各种功能，它还可以为您提供动画效果。并且将有助于更快地完成站点，因为它们提供了代码的 sn-ps。您可以使用 less/sass 并在变量中自定义样式，这样您就不必包含额外的自定义 css 文件。