Next.js学习系列:资源、metadata和 CSS
我们添加的第二个页面当前没有样式。让我们添加一些 CSS 来设置页面样式。
Next.js内置了对 CSS 和 Sass 的支持。在本课程中,我们将使用 CSS。
本 节 课 还将 讨论 Next.js 如何处理静态资产(如图像)和页面metadata(如标记)。<title>
您将在本课中学到什么
在本课中,您将学习:
- 如何将静态文件(图像等)添加到 Next.js.
- 如何自定义每个页面的内容。
<head>
- 如何创建一个可重用的 React 组件,该组件使用 CSS 模块进行样式化。
- 如何在
页面/_app.js
中添加全局 CSS。 - 有关在 Next.js 中设置样式的一些有用提示。
先决条件
- 基本的 CSS 知识。本课程将介绍如何在Next.js应用程序中添加CSS,但不会涵盖CSS基础知识。
如果要查找有关 Next.js 样式的详细文档,请查看 CSS 文档。
- 原文作者:知识铺
- 原文链接:https://index.zshipu.com/geek/post/nextjs/nextjsbase/Next.js%E5%AD%A6%E4%B9%A0%E7%B3%BB%E5%88%97%E8%B5%84%E6%BA%90metadata%E5%92%8C-CSS/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com