:hover
鼠标悬停是一个常见的事件。当用户将鼠标悬停在某个元素上时，该元素的状态将改变，通常使其更加明显或有趣。:hover伪类可用于创建此行为。
:focus
类似于鼠标悬停，当用户通过tab键聚焦到一个元素上时，该元素就会处于焦点状态。:focus可用于添加样式，以帮助用户更好地理解其现在处于哪个元素上。
:active
当用户点击某个元素时，该元素处于活动状态。:active可用于创建按压和放松按钮的效果，例如类似于按钮的元素。
transition
transition可用于为元素添加动画效果。例如，在鼠标悬停时，逐渐改变元素的颜色，而不是立即更改。这个过程可以通过transition创建平滑过渡。
@keyframes
@keyframes可用于创建复杂的动画序列，然后将其应用于元素。通过定义关键帧，例如在动画过程的开始和结束，以及在中间，可以对动画进行更精细的控制。
通过使用上述方法之一或多个方法的结合，可以为元素的交互添加更多的细节和效果，从而提高用户体验。