CSS是一種用于網(wǎng)頁設(shè)計(jì)的語言。它允許我們控制網(wǎng)頁的布局、字體、顏色等，使得網(wǎng)頁看起來更加美觀。除此之外，CSS還允許我們實(shí)現(xiàn)一些交互式的功能，如點(diǎn)擊事件。

.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button:hover {
background-color: #3e8e41;
}
.button:active {
background-color: #4CAF50;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

以上是一個(gè)典型的按鈕樣式，在這個(gè)樣式中，我們使用了:hover、:active偽類來實(shí)現(xiàn)點(diǎn)擊事件。當(dāng)鼠標(biāo)滑過按鈕時(shí)，按鈕的顏色會(huì)變得更加深色；當(dāng)按鈕被點(diǎn)擊時(shí)，按鈕會(huì)有一個(gè)陰影，并且會(huì)向下平移一些距離。

除了偽類，CSS還提供了一些偽元素，它們用于為元素添加不同的效果，如:before、:after等。下面是一個(gè)示例：

.container {
width: 200px;
height: 200px;
position: relative;
}
.container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(255,255,255,0);
transition: background-color 0.3s;
}
.container:hover:before {
opacity: 1;
background-color: rgba(255,255,255,0.5);
}

在這個(gè)樣式中，我們使用了:before偽元素來添加一個(gè)半透明的背景，當(dāng)鼠標(biāo)滑過容器時(shí)，背景會(huì)變得更加明亮。這里使用了transition屬性來制作漸變效果。

總之，CSS擁有豐富的選擇器、偽類、偽元素等特性，通過它們，我們可以實(shí)現(xiàn)各種交互效果，讓網(wǎng)頁更加豐富多彩。