Menu

样式

Next.js 支持多种为应用添加样式的方法,包括:

  • CSS Modules:创建本地作用域的 CSS 类,避免命名冲突并提高可维护性。
  • Global CSS:使用简单且对有传统 CSS 经验的人来说很熟悉,但可能导致更大的 CSS 包体积,并且随着应用增长可能难以管理样式。
  • Tailwind CSS:一个实用优先的 CSS 框架,通过组合实用类可以快速创建自定义设计。
  • Sass:一个流行的 CSS 预处理器,扩展了 CSS 的功能,如变量、嵌套规则和混合器。
  • CSS-in-JS:直接在 JavaScript 组件中嵌入 CSS,实现动态和有作用域的样式。

通过探索各自的文档了解更多关于每种方法的信息: