CSS是一種非常強大的樣式語言，它可以幫助我們定義文檔的外觀和布局。在這篇文章中，我們將討論如何使用CSS來指定標簽的動態樣式。

span:hover {
color: red;
font-weight: bold;
cursor: pointer;
}

這是一個簡單的例子，當用戶將鼠標懸停在標簽上時，它的文字顏色會變成紅色，字體加粗，鼠標指針也會變為手型。這是一種非常常見的效果，可以讓我們的網頁看起來更加生動有趣。

除了:hover偽類之外，我們還可以使用其他偽類來指定其他狀態下的樣式。例如，:active用于定義元素被激活時的樣式，:focus用于定義元素獲得焦點時的樣式。

span:active {
text-decoration: underline;
}
span:focus {
outline: none;
}

在這個例子中，當用戶點擊標簽時，它的文字會出現下劃線；當用戶點擊標簽并且它獲得焦點時，它的邊框會消失。

除了使用偽類之外，我們還可以結合CSS動畫來創建更加生動有趣的效果。例如：

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
span:hover {
animation: spin 2s linear infinite;
}

在這個例子中，當用戶將鼠標懸停在標簽上時，它會不停地旋轉。這是使用CSS動畫實現的，當用戶將鼠標移開時，動畫也會停止。

總之，使用CSS指定標簽的動態樣式可以讓我們的網頁更加生動有趣，吸引用戶的注意力。我們可以使用偽類、CSS動畫等各種技術來實現不同的效果，提高用戶的體驗。