style是为react元素写入样式，通常使用添加类的方法给元素添加css样式，或者直接给元素添加内联css样式（即在使用jsx语法时添加样式例如：`<div style={{ width: "100px",height: "50px",BackgroundColor: "#ff2d51",marginTop: "20px" }}></div>`）
### 1.添加类对应添加css样式：
#### 1.建立 .css文件，写css样式，注意若写入的样式是 类似`div,p,a,等`的样式时，该样式不仅会在需要引入样式的文件中呈现，还会在全局样式中呈现，只支持以类名的方式在需要引入css的文件中生效
例如：
~~~
.container {
width: 80%;
height: 50px;
margin: 10px auto;
overflow: hidden;
background: #fafafa;
}
.nav {
width: 50%;
height: 30px;
margin-top: 10px;
background: blue;
}
~~~
使用时只需在对应的js文件中引入例如：`import styles from './index.css'`,然后给需要使用样式的元素添加类即可
~~~
<div className={styles.container}>
<div className={styles.nav}></div>
</div>
~~~
