CSS样式的网站？

Question

我正在尝试使用更多的 flexbox 和 css 网格，所以我没有看到像物化 css 和引导程序这样的东西的充分利用。但是我确实喜欢他们的东西的设计，比如（来自 materialize 的卡片面板），但我不想仅仅为了几个样式就导入他们所有的东西（css，js）。

所以我想知道是否只有一种样式类似于用于制作按钮、卡片面板等的 css 代码，我可以将其复制到我自己的 css 文件中。

我知道我可以直接使用检查器并从引导程序中获取样式并实现，但很多时候样式会被覆盖并且正在应用多个类。

Answer 1

我看到了三个选项：

1. 简单明了：只包含 CSS 文件，而不是 JS，以实现相同的样式。
2. 又脏又乏味：手动将样式复制到您的代码中。

3. 正确且有教育意义：使用一些 CSS 元语言，如 SCSS。然后，如果你得到例如使用 npm i -D bootstrap 之类的包管理器进行引导，您可以导入例如按钮样式：

   @import 'node_modules/bootstrap/scss/variables';
   @import 'node_modules/bootstrap/scss/buttons';
   

   或materialize-css：

   @import 'node_modules/materialize-css/sass/components/variables';
   @import 'node_modules/materialize-css/sass/components/buttons';