CSS是前端開發必備技能之一，它用于美化網頁、定位元素、響應式布局等方面。在實際開發中，我們經常需要為一個元素設置多個樣式，這時候如何記住它們呢？下面介紹幾種方法。

第一種方法是通過屬性選擇器，這種方法可以將屬性和選擇器組合在一起，給元素設置多個樣式。例如：

.button {
background-color: #ff0000;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}

這樣，我們就可以在一個類名里面設置多個樣式，而且通過:hover選擇器可以設置鼠標懸停樣式。需要注意的是，這種方法只適用于元素的靜態樣式，如果要動態修改樣式，需要使用JavaScript。

第二種方法是通過標簽嵌套，這種方法可以利用層疊樣式來設置不同狀態下的樣式，例如：

.button {
background-color: #ff0000;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}
.button:active {
background-color: #fff;
color: #000;
}

這樣，我們就可以通過:hover和:active選擇器來設置懸停和點擊狀態下的樣式。需要注意的是，這種方法只適用于元素的靜態樣式。

第三種方法是通過CSS預處理器，這種方法可以通過變量、混合、繼承等功能來簡化樣式設置過程，例如：

@button-color: #ff0000;
.button {
background-color: @button-color;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}
.button:active {
background-color: #fff;
color: #000;
}

這樣，我們就可以將重復使用的樣式設置為變量，便于修改。需要注意的是，這種方法需要使用CSS預處理器，例如Sass、Less等。

綜上所述，記住多樣式的方法有很多種，我們可以根據實際情況選擇適合自己的方法。