CSS（Cascading Style Sheets）是一種用于網頁樣式設計的語言，它能夠將網站內容與樣式分離，使得網站的內容變得更加清晰易懂，增加了網站的可維護性。CSS 通常用于設計網頁的布局、顏色、字體、大小以及動畫效果等等。

body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
font-size: 28px;
color: #333333;
}

通過使用 CSS，我們可以通過一系列的代碼來指定某個 HTML 元素的樣式，如上面的代碼就可以為我們的頁面設置背景顏色、字體和字號等等。這些樣式都可以在 CSS 文件中集中定義，然后在 HTML 文件中引用，從而使得樣式的維護更加方便。

另外，CSS 還有一個很重要的作用就是可以實現網頁的響應式布局，也就是說，當我們的網頁在不同的設備上進行瀏覽時，頁面的布局和樣式都可以根據設備的屏幕尺寸進行自適應調整，從而提升用戶的體驗。

@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
h1 {
font-size: 24px;
}
}

上面這段代碼就展示了如何使用 CSS 的 media query 來檢測設備的屏幕尺寸，并基于不同的屏幕尺寸為網頁設置不同的樣式，從而使得網頁可以更好地適應各種設備。

綜上所述，CSS 的作用和功能是非常廣泛的，它可以為我們的網頁提供豐富的樣式設計，同時也能夠提升用戶的體驗，使得網頁更加易于維護和擴展。