在開發網站時，我們經常需要在JavaScript中編寫CSS。雖然通常我們將CSS和JavaScript分別編寫在它們各自的文件中，但是有時將它們結合起來可以使事情變得更有效率。

const myStyles = `
body {
background-color: blue;
font-family: Arial, sans-serif;
}
h1 {
color: white;
text-align: center;
}
`;
const styleSheet = document.createElement('style');
styleSheet.type = 'text/css';
styleSheet.innerText = myStyles;
document.head.appendChild(styleSheet);

在這個例子中，我們首先定義了一個包含CSS樣式的JavaScript字符串(myStyles)并賦值給變量“myStyles”。接著，我們創建了一個將CSS樣式寫入HTML代碼的“style”標簽，并將它添加到文檔頭部中。

現在，我們的樣式將應用于整個網頁。我們可以在不必使用外部CSS文件的情況下，輕松而又靈活地管理網頁的樣式。