10
章节10
资源、元数据和 CSS
我们添加的第二个页面目前没有样式。让我们添加一些 CSS 来设置页面样式。
Next.js 内置支持 CSS 和 Sass。在本课程中，我们将使用 CSS。
本课程还将介绍 Next.js 如何处理静态资源（如图像）和页面元数据（如 <title> 标签）。
在本课程中您将学到
在本课程中，您将学习
- 如何向 Next.js 添加静态文件（图像等）。
- 如何自定义每个页面的
<head>标签中的内容。 - 如何创建一个可重用的 React 组件，该组件使用 CSS Modules 进行样式设置。
- 如何在
pages/_app.js中添加全局 CSS。 - 一些在 Next.js 中设置样式的实用技巧。
预备知识
- 基础 CSS 知识。本课程将介绍如何在 Next.js 应用程序中添加 CSS，但不会涵盖 CSS 基础知识。
如果您正在寻找有关 Next.js 样式设置的详细文档，请查看CSS 文档。
这对您有帮助吗？