CSS(層疊樣式表)是一種用于創建網頁樣式和布局的語言。在 CSS 中，我們可以使用不同的樣式規則來創建各種效果，例如顏色、字體、大小、位置等等。下面列舉了一些 CSS 經典效果，讓我們來一起了解一下。

1. 偽元素

偽元素是一種在 HTML 中使用的機制，可以讓一個元素在多個狀態中顯示不同的樣子。例如，我們可以創建一個偽元素，讓它在文檔流中居中，并在其寬度和高度中設置一個固定值，這樣它就可以在一個元素中居中，并在寬度和高度中固定。

2. 層疊樣式表

層疊樣式表是一種 CSS 樣式的機制，可以讓多個樣式規則同時作用在一個元素上。例如，我們可以使用一個類名來定義一個元素的樣式，然后使用一個屬性來設置這個元素的另一些屬性。這樣，這些樣式就會同時作用在一個元素上，并且可以根據需要進行調整。

3. 邊框和內邊距

邊框和內邊距是一種 CSS 樣式的機制，可以用來設置元素的邊框和內邊距。我們可以使用兩個邊框寬度和兩個內邊距寬度來創建一個邊框和內邊距。例如，我們可以創建一個元素，然后在其樣式中設置兩個邊框寬度為 10 像素，兩個內邊距寬度為 5 像素。這樣，這個元素就會有一個寬度為 100 像素的邊框，兩個內邊距。

4. 陰影

陰影是一種 CSS 樣式的機制，可以用來設置元素的背景和文本顏色，以及其周圍元素的樣式。我們可以使用一個 CSS 類名來設置陰影，然后使用一個屬性來設置陰影的顏色。例如，我們可以創建一個元素，然后在其樣式中設置一個陰影類名，并使用一個屬性來設置陰影的顏色。這樣，這個元素就會有一個帶有陰影的背景，以及一個帶有陰影的文本。

5. 動畫

動畫是一種 CSS 樣式的機制，可以用來創建動態的效果。我們可以使用 CSS 動畫來創建平滑的過渡效果。例如，我們可以創建一個元素，然后在其樣式中設置一個動畫類名和一個動畫參數，來創建一個從初始狀態到特定狀態的平滑過渡效果。

CSS 是一種強大的語言，可以用來創建各種效果。通過了解和掌握這些效果，我們可以更好地創建高質量的網頁和布局。