10
章节10
资产、元数据和 CSS
我们添加的第二个页面目前没有样式。让我们添加一些 CSS 来为页面设置样式。
Next.js 内置支持 CSS 和 Sass。本课程中,我们将使用 CSS。
本课程还将讨论 Next.js 如何处理静态资产(如图像)和页面元数据(如 <title> 标签)。
您将通过本课程学习的内容
在本课中,您将学习
- 如何将静态文件(图像等)添加到 Next.js。
- 如何为每个页面自定义
<head>中的内容。 - 如何创建一个可重用的 React 组件,该组件使用 CSS 模块进行样式设置。
- 如何在
pages/_app.js中添加全局 CSS。 - Next.js 中样式设置的一些有用提示。
先决条件
- 基本的 CSS 知识。本课程将介绍如何在 Next.js 应用程序中添加 CSS,但不会涵盖 CSS 基础知识。
如果您正在寻找有关 Next.js 样式设置的详细文档,请查看CSS 文档。
这有帮助吗?