事件是一種動態的交互方式，在網頁開發中，可以通過事件來改變CSS樣式，實現動畫、交互等效果。以下是幾種常見的事件及其改變CSS的方法。

1. 鼠標事件

// 鼠標移入事件
element.onmouseover = function() {
this.style.backgroundColor = 'red';
}
// 鼠標移出事件
element.onmouseout = function() {
this.style.backgroundColor = 'white';
}
// 鼠標點擊事件
element.onclick = function() {
this.style.fontSize = '20px';
}

2. 表單事件

// 輸入框獲得焦點事件
input.onfocus = function() {
this.style.borderColor = 'blue';
}
// 輸入框失去焦點事件
input.onblur = function() {
this.style.borderColor = 'black';
}
// 輸入框輸入內容事件
input.oninput = function() {
this.style.backgroundColor = 'yellow';
}

3. 滾動事件

// 頁面滾動事件
window.onscroll = function() {
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if(scrollTop >100) {
element.style.opacity = 1;
} else {
element.style.opacity = 0;
}
}
// 元素滾動事件
element.onscroll = function() {
var scrollLeft = this.scrollLeft;
if(scrollLeft >100) {
this.style.backgroundColor = 'lightblue';
} else {
this.style.backgroundColor = 'white';
}
}

通過事件來改變CSS樣式，能夠增加網頁的動態效果，提高用戶體驗。但是在使用事件來改變CSS時，要注意不要影響網頁的性能。