CSS是網(wǎng)頁設(shè)計(jì)中的重要組成部分。通過CSS，我們可以實(shí)現(xiàn)網(wǎng)頁排版、樣式設(shè)計(jì)等功能。學(xué)習(xí)CSS的時(shí)候，不可避免地要掌握各種CSS樣式。那么CSS有多少樣的樣式呢？接下來我們來一一介紹。

/* CSS樣式1：基本文本樣式 */
p {
color: #333; /* 文字顏色 */
font-size: 16px; /* 字號 */
font-family: Arial, sans-serif; /* 字體 */
line-height: 1.5; /* 行高 */
}
/* CSS樣式2：背景樣式 */
.bg {
background: #f0f0f0; /* 背景顏色 */
background-image: url(background.jpg); /* 背景圖片 */
background-size: cover; /* 背景圖片大小 */
background-position: center center; /* 背景圖片位置 */
}
/* CSS樣式3：盒子樣式 */
.box {
width: 300px; /* 寬度 */
height: 200px; /* 高度 */
border: 1px solid #ccc; /* 邊框 */
border-radius: 10px; /* 圓角 */
box-shadow: 1px 1px 10px #ccc; /* 陰影 */
}
/* CSS樣式4：鏈接樣式 */
a {
color: blue; /* 文字顏色 */
text-decoration: none; /* 文字下劃線 */
}
a:hover {
color: red; /* 鼠標(biāo)懸停時(shí)文字顏色 */
text-decoration: underline; /* 鼠標(biāo)懸停時(shí)文字下劃線 */
}
/* CSS樣式5：列表樣式 */
ul {
list-style: none; /* 列表樣式 */
}
li {
padding: 10px; /* 列表項(xiàng)內(nèi)邊距 */
border-bottom: 1px solid #ccc; /* 分割線 */
}
li:last-child {
border-bottom: none; /* 最后一個(gè)列表項(xiàng)無分割線 */
}

上面只是CSS樣式的冰山一角，實(shí)際上還有很多樣式種類。學(xué)習(xí)CSS需要耐心和時(shí)間，只要勤加練習(xí)，你一定能成為CSS高手。