在網頁制作當中，CSS是不可或缺的一部分。其中，通過JavaScript的控制，可以實現鼠標單擊改變樣式的效果，這樣可以增加網站的交互性和美觀性。

首先，我們需要在HTML中定義需要改變的元素，比如一個按鈕或者一個圖片：

點擊我

接下來，我們需要通過CSS設置按鈕的初始樣式。

#btn {
background-color: yellow;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}

現在，我們需要通過JavaScript代碼改變按鈕的樣式。這里我們可以使用addEventListener()函數來監聽按鈕是否被單擊：

var btn = document.getElementById("btn");
btn.addEventListener("click", changeStyle);
function changeStyle(){
btn.style.backgroundColor = "red";
btn.style.color = "yellow";
btn.style.fontSize = "20px";
btn.style.padding = "15px 30px";
}

上面的代碼中，我們使用style來改變按鈕的樣式，如果需要更改多個屬性，可以在同一函數中連續使用多個style語句來實現。

最后，當我們單擊按鈕時，樣式會改變為預設好的樣式。

總之，通過JavaScript的控制，我們可以實現在鼠標單擊時改變元素的樣式，從而增加網站的交互性和美觀性。