样式

Next.js 支持不同的应用样式设置方式，包括：

¥Next.js supports different ways of styling your application, including:

• 全局 CSS：对于那些有传统 CSS 经验的人来说，使用简单且熟悉，但随着应用的增长，可能会导致 CSS 打包包变大，并且难以管理样式。

  ¥Global CSS: Simple to use and familiar for those experienced with traditional CSS, but can lead to larger CSS bundles and difficulty managing styles as the application grows.

• CSS 模块：创建本地范围的 CSS 类以避免命名冲突并提高可维护性。

  ¥CSS Modules: Create locally scoped CSS classes to avoid naming conflicts and improve maintainability.

• Tailwind CSS：实用程序优先的 CSS 框架，允许通过编写实用程序类来快速进行自定义设计。

  ¥Tailwind CSS: A utility-first CSS framework that allows for rapid custom designs by composing utility classes.

• Sass：一种流行的 CSS 预处理器，它通过变量、嵌套规则和 mixin 等功能扩展 CSS。

  ¥Sass: A popular CSS preprocessor that extends CSS with features like variables, nested rules, and mixins.

• CSS-in-JS：将 CSS 直接嵌入到 JavaScript 组件中，从而实现动态和范围内的样式设置。

  ¥CSS-in-JS: Embed CSS directly in your JavaScript components, enabling dynamic and scoped styling.

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

¥Learn more about each approach by exploring their respective documentation: