CSS是Cascading Style Sheets的縮寫，翻譯為層疊樣式表。它主要起著美化、布局、排版、動(dòng)畫等作用，讓網(wǎng)頁設(shè)計(jì)更加美觀和易于閱讀。

CSS可以改變網(wǎng)站的外觀和內(nèi)容的排列方式。比如，將網(wǎng)站的標(biāo)題設(shè)置為紅色，字體為Arial；將正文的字號(hào)設(shè)置為14px；讓整個(gè)網(wǎng)頁的背景色為灰色等等。CSS可以通過選擇器選中一個(gè)或多個(gè)HTML元素，并對(duì)選中的元素應(yīng)用不同的樣式。

h1 {
color: red;
font-family: Arial;
}
p {
font-size: 14px;
}
body {
background-color: gray;
}

CSS還可以通過媒體查詢來設(shè)置不同的樣式，以適應(yīng)不同的屏幕尺寸和設(shè)備。比如，可以在不同的屏幕尺寸下設(shè)置不同的布局和字體大小，為手機(jī)適配不同的樣式。

@media screen and (max-width: 768px) {
body {
font-size: 12px;
}
.container {
display: flex;
flex-direction: column;
}
}

CSS還能通過動(dòng)畫、過渡效果等增加網(wǎng)站的交互性和用戶體驗(yàn)。比如，可以通過CSS實(shí)現(xiàn)平滑的滾動(dòng)效果、鼠標(biāo)懸停時(shí)動(dòng)態(tài)顯示內(nèi)容等等。

a:hover {
color: blue;
}
#btn:hover {
transform: scale(1.1);
transition: all .3s ease-in-out;
}

總的來說，CSS在網(wǎng)頁設(shè)計(jì)中扮演了非常重要的角色，它可以讓網(wǎng)頁更加美觀、易于閱讀和交互，提高了用戶的體驗(yàn)。