跳到内容

样式

Next.js 支持多种样式化应用的方式,包括

  • CSS 模块:创建本地作用域的 CSS 类,以避免命名冲突并提高可维护性。
  • 全局 CSS:对于有传统 CSS 经验的人来说,简单易用且熟悉,但可能会导致更大的 CSS 包,并且在应用程序增长时难以管理样式。
  • Tailwind CSS:一个实用优先的 CSS 框架,允许通过组合实用类来快速定制设计。
  • Sass:一个流行的 CSS 预处理器,它使用变量、嵌套规则和混合等功能扩展了 CSS。
  • CSS-in-JS:直接在你的 JavaScript 组件中嵌入 CSS,从而实现动态和作用域样式。

通过浏览各自的文档了解更多关于每种方法的信息