> For the complete documentation index, see [llms.txt](https://mixdao.gitbook.io/dfinity/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mixdao.gitbook.io/dfinity/si-.-jiao-cheng/9.-tian-jia-qian-duan-yang-shi.md).

# 9.添加前端样式

CSS是一种常用的定制用户体验的方法。本教程讲解了如何给React创建的项目添加样式表。如果你已经了解了如何给React项目添加样式表，可以跳过本教程。

Note

本教程说明了如何使用 React 框架来管理Canister的文档对象模型 (DOM)。 因为 React 有自己自定义的 DOM 语法，所以需要修改 webpack 配置来编译前端代码，前端代码是用 JSX 编写的。 有关学习使用 React 和 JSX 的更多信息, 请在[React website](https://reactjs.org/)上参考 [Getting started](https://reactjs.org/docs/getting-started.html) 。