在網頁設計中，CSS是最主要的樣式設計語言之一，可以控制元素的顏色、字體、大小、邊框、位置等等。而JavaScript可以通過改變CSS屬性，實現實時更新頁面的效果。下面介紹一些通過JS改變CSS屬性的方法：

//獲取元素對象
var elem = document.getElementById("example");
//改變元素的背景顏色
elem.style.backgroundColor = "#00FF00";
//改變元素的邊框樣式與大小
elem.style.border = "1px solid #FF0000";
//改變元素的字體大小與顏色
elem.style.fontSize = "16px";
elem.style.color = "#000000";
//改變元素的寬度與高度
elem.style.width = "200px";
elem.style.height = "100px";
//改變元素的位置
elem.style.position = "absolute";
elem.style.left = "50px";
elem.style.top = "50px";
//隱藏元素
elem.style.display = "none";

通過上述代碼，我們可以靈活地控制元素的樣式，并實現各種炫酷的效果。需要注意的是，改變CSS屬性時應注意瀏覽器兼容性，并避免使用內聯樣式，因為內聯樣式會影響到整個頁面的加載速度和SEO優化。