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>
~~~
