JavaScript可以用來操作HTML和CSS，讓我們更加方便地實現動態效果。現在，我們來看一下如何用JavaScript來操作CSS。

首先，我們需要選中一個或多個元素。這可以使用document.querySelector或document.querySelectorAll實現。例如，我們要選中ID為myButton的元素：

var button = document.querySelector('#myButton');

現在，我們可以使用JavaScript來改變button元素的樣式。為了改變button的背景色，我們可以使用以下代碼：

button.style.backgroundColor = "red";

這樣，按鈕的背景色就變為了紅色。我們同樣可以改變按鈕的文本顏色、字體大小或其他樣式。例如，我們可以改變按鈕的字體大小為16像素：

button.style.fontSize = "16px";

當然，我們可以一次性地設置多個樣式屬性。下面的代碼同時改變按鈕的文本顏色、字體大小和背景色：

button.style.color = "white";
button.style.fontSize = "16px";
button.style.backgroundColor = "blue";

然而，我們很少需要這樣做，因為這樣的代碼不太容易維護和修改。通常，我們會使用CSS類來預先定義好樣式，然后使用JavaScript來動態地添加和刪除這些類。例如，我們可以在CSS中定義一個.button類，如下所示：

.button {
color: white;
font-size: 16px;
background-color: blue;
}

現在，我們可以使用以下代碼將該類添加到按鈕元素：

button.classList.add('button');

這樣，按鈕的樣式就被設置為.button類中定義的樣式了。同樣，我們可以使用classList.remove方法移除一個類。

總之，JavaScript可以用來操作CSS樣式，讓我們更加方便地實現動態效果。我們可以使用style屬性直接改變元素樣式，也可以使用classList來添加和刪除CSS類。這使得我們可以輕松地處理CSS樣式，實現我們所需的動態效果。