在JavaScript中編寫CSS樣式的方法有多種，以下是一些常見的做法。

1、內(nèi)聯(lián)樣式：在JavaScript中，你可以直接操作元素的style屬性來修改CSS樣式，如果你想改變一個(gè)元素的背景顏色，可以這樣做：

document.getElementById('myElement').style.backgroundColor = 'red';

2、外部樣式表：如果你有更復(fù)雜的樣式需求，可能需要使用外部樣式表（CSS文件），在JavaScript中，你可以使用import語句導(dǎo)入CSS模塊：

import './myStyles.css';

你可以使用類名或ID來應(yīng)用樣式：

document.getElementById('myElement').classList.add('myClass');

3、動(dòng)態(tài)創(chuàng)建樣式表：你還可以動(dòng)態(tài)創(chuàng)建樣式表，并向其中添加規(guī)則。

var styleSheet = document.createElement('style');
styleSheet.innerHTML = `
  #myElement {
    background-color: red;
  }
`;
document.head.appendChild(styleSheet);

這種方法允許你在JavaScript中完全控制樣式的生成和應(yīng)用。

方法只是部分示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，為了提高代碼的可讀性和可維護(hù)性，建議遵循良好的編程實(shí)踐，如使用有意義的變量名、編寫注釋等。