css样式的站点？

我试图使用更多的flexbox和css网格，所以我没有看到像MaterializeCSS和bootstrap这样的东西的充分使用。然而，我确实喜欢他们的设计，比如（materialize中的卡片面板），但我不想只为一些样式导入他们所有的东西（css、js）

因此，我想知道是否有一种样式像用于制作按钮、卡片面板等的css代码一样，我可以复制到自己的css文件中

---

我知道我可以直接使用inspector，从bootstrap和materialize中获取样式，但很多时候样式会被覆盖，并且会应用多个类。

我为您提供了三个选项：

简单明了：只包含CSS文件，而不是JS，以实现相同的样式

肮脏乏味：手动将样式复制到代码中

正确和教育：使用一些CSS元语言，如SCS。然后，如果您使用package manager（如

npm i-D引导）获得引导，您可以使用以下功能导入按钮样式：

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

或具体化css：

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

---

你是想学习并真正掌握你的东西，还是只是复制粘贴？是的，检查是一条路。如果你看一下计算的样式，什么类导致了这种样式或者它们是否被覆盖并不重要。我不知道你只能像那样导入某些元素。这也适用于materializecss吗？@chobo2您自己尝试一下有什么问题吗？：）我已经更新了答案…@smaji-我只是想试试这个。我使用的是materialize的alpha 1.0版本，我是在我的js文件导入按钮中使用的，“../../node_modules/materialize css/sass/components/_buttons.scss”；然而，我得到了未定义的变量：“$ButtonBorder”。我想一定有一些依赖文件。？还有，为什么要使用@import？vs从何处导入？当我尝试使用构建时，我得到了意外的令牌webpack@chobo2因为很明显，这些文件不是在.js文件中导入的，而是在您自己的.scss/.sass文件中导入的，这是放置它们的正确位置…；）