网站的CSS样式？

Question

我正在尝试使用更多的flexbox和css网格，所以我没有看到像materialize css和bootstrap这样的东西的全部使用。不过我确实喜欢他们的东西的设计（卡片面板来自物化），但我不想真正想要导入所有他们的东西（css，js）只为几种风格。

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

我知道我可以选择检查器并从bootstrap中获取样式并实现，但很多时候样式都会被覆盖并且正在应用多个类。

Answer 1

我为您看到三个选项：

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

3. 正确和教育：利用一些CSS元语言，如SCSS。如果你得到例如使用像npm i -D bootstrap这样的包管理器的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';