跳至内容

资源、元数据和 CSS

我们添加的第二个页面目前没有样式。让我们添加一些 CSS 来为页面设置样式。

Next.js 内置支持 CSSSass。在本课程中,我们将使用 CSS。

本课还将讨论 Next.js 如何处理静态资源(如图像)和页面元数据(如 <title> 标签)。

你将在本课中学到什么

在本课中,你将学习

  • 如何将 静态文件(图像等)添加到 Next.js 中。
  • 如何自定义每个页面的 <head> 中的内容。
  • 如何创建一个可重用的 React 组件,并使用 CSS Modules 进行样式设置。
  • 如何在 pages/_app.js添加全局 CSS
  • 一些在 Next.js 中设置样式的有用技巧。

先决条件

  • 基本的 CSS 知识。本课程将介绍如何在 Next.js 应用中添加 CSS,但不会涵盖 CSS 基础知识。

如果你正在寻找 Next.js 样式的详细文档,请查看 CSS 文档