Web前端開(kāi)發(fā)中，CSS 是用來(lái)為 HTML 網(wǎng)頁(yè)設(shè)計(jì)樣式和布局的語(yǔ)言。

/* 設(shè)置網(wǎng)頁(yè)背景色 */
body {
background-color: #f2f2f2;
}
/* 設(shè)計(jì)標(biāo)題樣式 */
h1 {
font-size: 36px;
color: #333;
text-align: center;
}
/* 設(shè)置導(dǎo)航欄樣式 */
nav {
background-color: #333;
color: #fff;
text-align: center;
}
/* 設(shè)計(jì)列表樣式 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* 設(shè)計(jì)鏈接樣式 */
a {
color: #333;
text-decoration: none;
}

CSS 通過(guò)選擇器來(lái)選擇要設(shè)計(jì)的 HTML 元素，然后為其定義樣式屬性。例如，上述代碼中的 body 選擇器表示要設(shè)置整個(gè)網(wǎng)頁(yè)的背景色，h1 選擇器表示要設(shè)計(jì)頁(yè)面標(biāo)題的樣式。

除了基本的樣式設(shè)計(jì)，CSS 還可以實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，即根據(jù)瀏覽器窗口大小和設(shè)備類型來(lái)自動(dòng)調(diào)整頁(yè)面布局和樣式，適配不同的屏幕分辨率和設(shè)備類型。

CSS 還可以用來(lái)制作動(dòng)畫效果、實(shí)現(xiàn)特效和交互功能等。在 Web 前端開(kāi)發(fā)中，CSS 扮演著非常重要的角色，它可以讓網(wǎng)頁(yè)更加美觀、用戶體驗(yàn)更加良好。