Menu

样式

Next.js 支持多种为应用程序添加样式的方法，包括：

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

通过浏览各自的文档，可以详细了解每种方法：

CSS

使用 CSS Modules、全局样式和外部样式表为你的 Next.js 应用添加样式。

Tailwind CSS

使用 Tailwind CSS 为你的 Next.js 应用程序添加样式。

Sass

使用 Sass 为你的 Next.js 应用程序添加样式。

CSS-in-JS

在 Next.js 中使用 CSS-in-JS 库