CSS是HTML的重要組成部分，可以通過修改CSS文件來改變網頁的樣式和布局。而使用JS可以在網頁加載后對頁面進行操作，其中有一種常見的方式是通過JS來改變CSS，從而實現頁面的實時刷新。

//JavaScript代碼示例
var element = document.getElementById("example");
element.style.backgroundColor = "red";

以上代碼演示了如何使用JS來改變一個元素的背景顏色，通過JS中的style屬性和CSS中的backgroundColor屬性實現。

除了直接在JS中改變CSS，還可以使用CSS類名的方式來動態切換不同的樣式和布局。通過JS修改元素的className屬性，可以快速地切換不同的樣式。

//JavaScript代碼示例
var element = document.getElementById("example");
if (element.className == "blue") {
element.className = "red";
} else {
element.className = "blue";
}

以上代碼演示了如何使用JS來切換一個元素的樣式，先檢測當前的className屬性值，然后根據不同的值切換不同的樣式。

使用JS刷新頁面的另一種常見的方式是使用location.reload()方法。當用戶觸發某個事件時，可以調用這個方法來實現頁面的實時刷新。注意，這種方式會導致瀏覽器重新發送所有的請求，會影響頁面性能。

//JavaScript代碼示例
document.getElementById("refresh_btn").onclick = function() {
location.reload();
}

以上代碼演示了如何使用JS來實現頁面的實時刷新，當用戶點擊某個按鈕時，調用location.reload()方法實現刷新。