CSS是前端編程中最核心的技術之一，除了用來布局和美化頁面外，還有很多常用的事件效果可以使用。其中鼠標經過和按下效果是常見的幾種事件效果，下面就詳細介紹一下它們的使用方法。

鼠標經過效果就是當鼠標移動到一個元素上時，該元素的樣式會隨之改變。我們可以通過:hover選擇器來實現這種效果，如下：

p:hover {
color: red;
}

上面的代碼就表示當鼠標移動到P標簽上時，P標簽的文字顏色將變為紅色。

同樣的，我們還可以對其他元素應用該效果。以下是一個例子：

button:hover {
background-color: #bbb;
}

上面的代碼就表示當鼠標移動到button按鈕上時，按鈕的背景顏色將變為淺灰色。

另外，我們還可以組合使用:hover和其他屬性來實現更復雜的效果，下面是一個例子：

a:hover {
color: #000;
text-decoration: underline;
}

上面的代碼就表示當鼠標經過超鏈接時，文字顏色將變為黑色并添加下劃線。

而按下效果則是當鼠標按下某個元素時，該元素的樣式會隨之改變。我們可以通過:active選擇器來實現這種效果，例如：

button:active {
background-color: #999;
}

上面的代碼就表示當按鈕被按下時，按鈕的背景顏色將變為深灰色。

需要注意的是，:hover和:active效果只對可交互的元素有效。例如，對于普通的div或p標簽，我們需要設置cursor:pointer屬性才能使其變為可交互的。

總之，鼠標經過和按下效果是實現頁面交互的關鍵事件之一，不僅能增強用戶體驗，還能對頁面整體布局和設計產生重要的影響。在實際開發中，我們需要靈活應用這些技巧，給用戶帶來更美好的體驗。