CSS是一種強大的樣式語言，可以通過樣式規則對文檔的外觀和布局進行控制。除此之外，它還可以對用戶的行為和操作做出響應。事實上，CSS不僅僅是控制文檔的靜態外觀，也可以控制文檔在用戶交互方面的行為。

/* 彈出菜單 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

如上所示，我們可以通過CSS制作一個簡單的彈出菜單。當用戶將鼠標懸停在下拉菜單觸發區域上時，我們通過:hover偽類選擇器，將下拉菜單的display屬性設置為block，從而顯示出下拉菜單。

/* 輸入框提示文字 */
input[type=text] {
padding: 10px;
border: none;
background-color: #f1f1f1;
}
input[type=text]:focus::placeholder {
color: transparent;
}

另一個例子是在輸入框中添加提示文字。使用CSS的:focus偽類選擇器，我們可以將當輸入框獲得焦點時，提示文字的顏色設置為透明，從而使其不可見。這樣，當用戶在輸入框中輸入文字時，提示文字就會被覆蓋掉。

/* 縮放圖片 */
img {
transition: transform .2s;
}
img:hover {
transform: scale(1.1);
}

最后一個例子是通過CSS實現圖片的縮放效果。我們使用transition屬性實現動畫效果，并通過:hover偽類選擇器，當鼠標懸停在圖片上時，將其縮放比例設置為1.1。

CSS的這些特性使得網頁的交互更加生動有趣。我們可以通過對CSS的掌握，來制作更好的用戶界面，提高用戶體驗。