在網頁設計中，CSS是不可或缺的一個部分。它負責網頁的外觀展示，包括頁面元素的顏色、大小、位置等。那么，CSS有哪些樣式種類呢？一起來了解一下吧。

/* 這里使用pre標簽展示CSS代碼 */
/* 1. 基本樣式 */
body {
background-color: #fff;
color: #333;
}
/* 2. 盒子模型 */
.box {
width: 200px;
height: 200px;
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
}
/* 3. 文字樣式 */
.text {
font-size: 14px;
font-family: "Microsoft Yahei", Arial, sans-serif;
font-weight: bold;
text-align: center;
}
/* 4. 背景樣式 */
.bg {
background-color: #f00;
background-image: url("bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
/* 5. 邊框樣式 */
.border {
border: 1px solid #f00;
border-radius: 5px;
}
/* 6. 漸變樣式 */
.gradient {
background: linear-gradient(to right, #f00, #0f0);
}
/* 7. 動畫樣式 */
.animation {
animation: myanimation 2s infinite;
}
@keyframes myanimation {
0% { transform: translateX(0px); }
50% { transform: translateX(20px); }
100% { transform: translateX(0px); }
}

以上是CSS的一些常見樣式種類，它們可以很好地協助我們進行網頁設計和美化。當然，CSS還有很多其他樣式屬性，需要根據具體應用場景進行選擇。