添加样式

已完成

使用 React 时，你就是在创建 HTML。 创建方法有所不同，但浏览器仍会呈现 HTML、CSS 和 JavaScript。

我们甚至可以向组件添加 CSS，以向它们应用样式。 若要向组件添加 CSS，我们将按照导入任何其他 JavaScript 依赖关系的相同方式引用它。

添加 CSS

1. 向 src 文件夹添加一个新文件。 将其命名 index.css。

2. 将以下样式添加到此文件：

   article {
       margin-left: 10%;
       margin-right: 10%;
       font-family: Verdana, Geneva, Tahoma, sans-serif;
       font-size: 18px;
   }
   

   根据需要自定义此样式吧！

导入 CSS

1. 打开 App.jsx 文件。

2. 在此文件的顶部添加以下代码行：

   import './index.css'
   

3. 返回到浏览器并刷新。 网站将更新为新样式！