在前端開發中，我們經常需要改變HTML元素的CSS樣式，而改變CSS樣式最常用的方法就是通過編寫CSS代碼，在樣式表或HTML文件中使用具體元素選擇器來為目標元素設置相應樣式。但在很多情況下，我們需要動態地改變元素的樣式，這時候可以使用JavaScript來實現。通過添加事件監聽器，我們可以在用戶進行特定操作時執行JavaScript代碼，從而改變元素的樣式。

其中一種經典的操作就是使用鼠標點擊事件來改變元素的CSS樣式。下面是一段展示如何點擊鼠標改變CSS樣式的JavaScript代碼：

let element = document.getElementById("box");
element.addEventListener("click", function() {
element.style.backgroundColor = "red";
});

這段代碼中，我們首先通過ID選擇器選取了一個ID為“box”的元素，并將其賦值給變量element。然后，我們使用addEventListener方法為這個元素添加了一個“click”事件監聽器。當用戶點擊這個元素時，JavaScript代碼中的回調函數將會被執行。這個回調函數的作用是改變元素的背景顏色為紅色。

上面的代碼只是一個簡單的例子，你可以根據需要改變不同的CSS屬性值，比如元素的字體大小、位置、邊框等等，只需要在回調函數中使用element.style屬性來設置新的樣式值即可。

總而言之，使用JavaScript來點擊鼠標改變CSS樣式是一種實用而且適用范圍廣的技術，在前端開發中幫助我們實現交互效果，提升用戶體驗。