下拉式CSS樣式是一種非常常見的Web開發方式。通過下拉式CSS樣式，開發者可以讓網站頁面更加美觀，用戶也可以更加方便地使用網站。下面我們就來介紹下拉式CSS樣式的基本語法和使用方法。

.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

首先，我們需要為下拉式樣式創建一個類，例如.dropdown。然后，我們需要設置下拉菜單的父元素的position屬性為relative，這樣下拉菜單就可以根據父元素的位置進行定位，并且下拉菜單的絕對定位可以參照它。

下一步，我們需要為下拉菜單創建一個類，例如.dropdown-content。我們需要將該類的display屬性設置為none，并且將其position屬性設置為absolute，以便于我們將下拉菜單相對于父元素進行定位。我們還可以設置z-index屬性，以便于顯示下拉菜單在其他元素之上。

最后，我們需要為下拉菜單的父元素（在本例中是.dropdown）設置:hover偽類，并將其子元素（在本例中是.dropdown-content）的display屬性設置為block。這樣，當用戶將鼠標懸停在下拉菜單的父元素上時，下拉菜單就會顯示出來。

通過上述方法，我們就可以非常方便地為網站添加下拉式CSS樣式，讓用戶使用起來更加舒適和方便。