概述 CSS 樣式表的功能

CSS 樣式表是一種用于定義網頁樣式和布局的語言，與 HTML 文件一起用于構建網頁。CSS 樣式表可以根據指定的屬性和值來定義網頁的外觀和行為，包括字體、顏色、大小、位置、邊框、背景等等。以下是 CSS 樣式表的一些主要功能。

1. 定義字體和顏色

CSS 樣式表可以使用字體和顏色屬性來定義網頁的字體和顏色。例如，使用 font-family 屬性可以指定字體，使用 color 屬性可以指定顏色。

2. 控制布局

CSS 樣式表可以控制網頁的布局，包括字體大小、位置、邊框和背景等。例如，使用 height、width、margin、padding 等屬性可以指定網頁的元素的大小和位置。

3. 添加樣式

4. 控制響應式布局

CSS 樣式表可以根據設備的屏幕尺寸和分辨率來調整網頁的布局。例如，使用 display:flex 屬性可以定義一個容器元素為彈性盒子，并根據屏幕尺寸和分辨率調整元素的大小和位置。

5. 處理兼容性

由于不同的瀏覽器對 CSS 樣式表的支持程度不同，因此需要使用一些兼容性策略來確保網頁在各種不同的瀏覽器中都能正常運行。例如，使用媒體查詢和偽元素可以兼容不同的瀏覽器和設備。

CSS 樣式表是一種強大的工具，可以幫助網頁設計師和開發人員定義網頁的外觀和行為。通過使用不同的屬性和值，可以控制網頁的布局、顏色、字體等等，從而實現各種不同的效果。