JS和CSS事件是前端開發中常用的技術。JS事件可以在DOM元素上定義響應函數，對該元素進行交互操作。而CSS事件則可以在DOM元素上定義一些樣式，實現一些效果。

// JS事件：
var btn = document.getElementById("myButton");
btn.addEventListener("click", function(){
alert("你點擊了按鈕！");
});
// CSS事件：
#myDiv { 
width: 200px; 
height: 100px; 
background-color: #FFF; 
transition: width 2s; 
} 
#myDiv:hover { 
width: 400px;  
}

以上是JS和CSS事件的基本語法。在JS事件中，我們使用addEventListener()函數對按鈕進行事件監聽，當按鈕被點擊時，彈窗提示"你點擊了按鈕！"。而在CSS事件中，我們使用:hover來實現當鼠標懸停在myDiv上時，myDiv的寬度從原本的200px變成400px的效果。

JS和CSS事件應用廣泛，可以用于制作動態的導航欄、交互式表格、響應用戶操作的網頁特效等等。同時，也需要注意避免事件冒泡、事件捕獲、事件委托等問題，確保事件的正確響應。