SSR（服務端渲染）是指在服務器端生成完整的HTML頁面，這使得網頁能夠更快地加載，從而提高了用戶體驗。然而，SSR對于CSS的處理方式與客戶端渲染不同，這對于開發人員來說可能會帶來一些挑戰。

在SSR中，CSS可以使用多種方式進行處理。以下是幾種最廣泛使用的處理方式：

<style>
/* 在<style>中編寫CSS代碼 */
</style>

這是最簡單的CSS處理方式。在<style>標簽中編寫CSS代碼，服務器將這些代碼直接插入到渲染的HTML頁面中。這個過程跟客戶端渲染沒有什么區別。但是，這種處理方式不夠靈活，不能根據不同的需求進行調整。

<link rel="stylesheet" href="style.css">

這種方式可以幫助我們更好地組織CSS文件，使其更易于維護。CSS代碼存儲在style.css文件中，而服務器上的HTML頁面通過<link>標簽引入該文件。然而，這種方式仍然不夠靈活，因為我們仍然無法根據不同的需求進行調整。

const sheet = new ServerStyleSheet();
const content = ReactDOMServer.renderToString(sheet.collectStyles(<App />));
const styles = sheet.getStyleTags();

這是最靈活的CSS處理方式。使用這種方式，我們可以在其他組件中添加CSS屬性，這樣頁面上的不同部分可以具有不同的樣式。這種處理方式需要使用第三方庫styled-components。它能夠從React組件中提取CSS代碼，并將其應用于頁面的HTML頭和主體之間的位置。這使得代碼具有更大的靈活性，并且能夠根據不同的需求進行調整。