在JavaScript中，可以使用var關(guān)鍵字來聲明一個(gè)變量，這個(gè)變量可以存儲任何類型的數(shù)據(jù)，包括字符串、數(shù)字、對象等，而CSS（層疊樣式表）是一種用于描述HTML元素外觀和布局的樣式表語言，在JavaScript中編寫CSS，可以通過操作DOM（文檔對象模型）來實(shí)現(xiàn)。
需要在JavaScript中引入CSS樣式表，可以使用var關(guān)鍵字聲明一個(gè)變量來存儲樣式表的內(nèi)容，
var cssStyle = `
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 24px;
}
p {
color: #666;
font-size: 16px;
}
`;在這個(gè)例子中，我們定義了一些基本的CSS樣式，包括背景顏色、字體家族、標(biāo)題顏色、段落顏色等，這些樣式可以通過JavaScript應(yīng)用到HTML元素上。
我們可以使用JavaScript的DOM API來操作HTML元素，并將這些樣式應(yīng)用到元素上，我們可以使用document.body來引用HTML文檔中的<body>元素，并使用style屬性來設(shè)置元素的樣式：
document.body.style.backgroundColor = cssStyle.match(/background-color:([^;]+);/)[1]; document.body.style.fontFamily = cssStyle.match(/font-family:([^;]+);/)[1];
在這個(gè)例子中，我們使用正則表達(dá)式來提取樣式表中定義的背景顏色和字體家族，并將這些樣式應(yīng)用到<body>元素上。
除了直接操作HTML元素的樣式外，我們還可以使用JavaScript來動態(tài)生成CSS樣式表，我們可以使用document.createElement('style')來創(chuàng)建一個(gè)新的<style>元素，并將樣式表的內(nèi)容添加到這個(gè)元素中：
var styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.innerHTML = cssStyle;
document.head.appendChild(styleElement);在這個(gè)例子中，我們創(chuàng)建了一個(gè)新的<style>元素，并將樣式表的內(nèi)容添加到這個(gè)元素的innerHTML屬性中，我們將這個(gè)元素添加到HTML文檔的<head>元素中，以便在頁面中應(yīng)用這些樣式。
在JavaScript中編寫CSS可以通過操作DOM來實(shí)現(xiàn)，包括直接操作HTML元素的樣式和動態(tài)生成CSS樣式表，這些方法可以讓我們在JavaScript中更加靈活地控制頁面的外觀和布局。
