CSS（層疊樣式表）是一種用來定義 HTML 頁面樣式和布局的語言。它的主要功能是為網站提供樣式和美觀的外觀。在網頁中，CSS 負責控制網頁外觀和布局，包括字體樣式、邊框、背景、顏色、間距、尺寸等。下面我們將詳細介紹 CSS 的功能。

p {
color: red;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}

CSS 的首要功能是改變文字的樣式和格式。通過調整字體、顏色、大小、粗細、行高等屬性，可以使網站的文本內容更加易讀、美觀。

CSS 可以控制頁面的布局和排版。瀏覽器渲染網頁時，會按照 HTML 和 CSS 的規則布置頁面。通過設置容器的寬度、高度、邊距、內邊距和定位，可以使頁面布局更加合理、美觀。

.container {
width: 80%;
margin: 0 auto;
padding: 20px;
position: relative;
}

CSS 可以制作動畫和過渡效果。動畫效果可以使網站頁面更加生動、有趣。比如，可以使用 CSS 制作按鈕的點擊效果、圖片的滑動效果等。

.button {
background: #ccc;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
transition: all 0.2s ease-in-out;
}
.button:hover {
background: #555;
}

CSS 還可以控制響應式設計。在不同設備上，網站的設計和布局需要進行適配。通過媒體查詢和響應式設計，可以實現適應不同設備的響應式網站。

@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}

總的來說，CSS 的功能十分豐富，完全可以滿足網站設計和布局的需求。熟練掌握 CSS，是每個網站開發者都應該具備的技能。