JavaScript 是一門強大的腳本語言，可以使網頁更加動態和交互。在很多情況下，我們需要使用 JavaScript 來修改或者控制網頁中的 CSS 樣式。JavaScript 中的 CSS 調用可以使頁面更加優美和定制化。接下來，本文將簡單介紹 JavaScript 中如何使用 CSS 樣式。
首先，我們可以使用 JavaScript 直接設置元素的樣式，來達到修改 CSS 樣式的目的。下面是一個簡單的例子：

let elem = document.getElementById("myDiv");
elem.style.backgroundColor = "red";

在這個例子中，我們獲取了 id 為 myDiv 的元素，然后設置了元素的背景顏色為紅色。這是最簡單和最直觀的使用 JavaScript 調用 CSS 樣式的方法，但是它只適用于較小的樣式變化。
除此之外，我們還可以使用 JavaScript 來更改元素的類名或者style屬性，從而間接地修改 CSS 樣式。例如，在網頁上點擊一個按鈕，可以更改整個頁面的樣式，比如更改背景顏色和字體大小。這個過程可以通過以下代碼來實現：

let button = document.getElementById("myButton");
button.addEventListener("click", function() {
document.body.style.backgroundColor = "grey";
document.body.style.fontSize = "20px";
});

在這個例子中，我們獲取了 id 為 myButton 的元素，然后添加了一個點擊事件。當按鈕被點擊時，我們更改了整個頁面 body 的背景顏色和字體大小。通過這種方式，我們可以更好地控制整個頁面的樣式。
除此之外，還有一種更加高級的 CSS 樣式調用方法，叫做 CSS Animations。CSS 動畫允許我們更好地控制元素的動態效果，使網頁更加生動和有趣。在 JavaScript 中，我們可以通過以下代碼來控制 CSS 動畫：

let elem = document.getElementById("myDiv");
elem.classList.add("animate__animated", "animate__bounce");

在這個例子中，我們獲取了 id 為 myDiv 的元素，并添加了兩個類名 animate__animated 和 animate__bounce。這兩個類名分別是一個動畫庫中的類名，它們控制了元素的動態效果。通過這種方式，我們可以將 CSS 動畫更好地融入到 JavaScript 的邏輯中。
總之，JavaScript 中的 CSS 調用可以使網頁更加優美和動態。我們可以使用 JavaScript 直接設置元素的樣式，間接修改 CSS 樣式，或者調用 CSS 動畫來控制元素的動態效果。這些方法可以更好地控制和定制網頁樣式，讓網頁更加生動和有趣。