Skip to content

样式

Next.js支持以不同方式为你的应用添加样式,包括:

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

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