React作為一款流行的前端框架，開發(fā)人員通常會選擇使用CSS來美化自己的頁面，這也是React中使用CSS的主要目的。那么究竟該如何在React中使用CSS呢？

{`.app {
background-color: #F5F5F5;
};
.title {
font-size: 24px;
font-weight: bold;
color: #333;
}
`}

在React中，我們可以使用CSS文件、內(nèi)聯(lián)樣式以及CSS模塊化等多種方式來實現(xiàn)頁面樣式的美化。例如，如果我們希望通過CSS文件來實現(xiàn)頁面美化，我們可以將所有的CSS代碼都統(tǒng)一放在一個.css文件中，然后在React中引入即可。下面是一個簡單的例子：

{`import React from 'react';
import './App.css';
function App() {
return (
Hello, World!
);
}
export default App;
`}

如果我們想要使用內(nèi)聯(lián)樣式來實現(xiàn)頁面美化，可以通過style屬性來實現(xiàn)，這種方式通常適用于一些小規(guī)模的CSS樣式，例如下面的例子：

{`import React from 'react';
function App() {
return (
Hello, World!
);
}
export default App;
`}

最后，我們還可以使用CSS模塊化來實現(xiàn)頁面美化。CSS模塊化可以將CSS代碼拆分為多個小模塊，在React項目中使用起來十分方便。例如，我們可以在React組件中通過import語句來引入CSS文件，然后使用CSS模塊化的方式來實現(xiàn)頁面美化。下面是一個簡單的例子：

{`import React from 'react';
import styles from './App.module.css';
function App() {
return (
Hello, World!
);
}
export default App;
`}

通過上述方式，我們就可以在React中使用CSS來實現(xiàn)頁面美化啦！