標題：CSS3 常用屬性介紹

隨著 CSS 技術的不斷發展，CSS3 已經成為了 Web 開發中不可或缺的一部分。CSS3 提供了許多新的屬性，可以幫助開發者更加靈活地控制網頁的樣式，使得網頁更加美觀、易于閱讀和維護。本文將介紹 CSS3 常用的屬性，以便開發者更好地掌握 CSS3 技術。

一、選擇器

選擇器是 CSS3 中最基本的屬性之一，它可以用于選擇 HTML 元素中的文本或圖像等。CSS 選擇器包括：

1. ID 選擇器：選擇具有特定 ID 值的元素。

2. Class 選擇器：選擇具有特定 Class 值的元素。

3.屬性選擇器：選擇具有特定屬性值的元素。

4.偽類選擇器：選擇具有特定偽類屬性值的元素。

二、背景和顏色

CSS3 提供了許多用于設置背景和顏色的屬性，包括：

1.background-color：設置背景顏色。

3.background-repeat：設置背景重復次數。

4.background-position：設置背景的位置。

5.background-size：設置背景大小。

三、邊框和底紋

CSS3 提供了許多用于設置邊框和底紋的屬性，包括：

1.border-width：設置邊框寬度。

2.border-style：設置邊框樣式。

3.border-radius：設置邊框圓角半徑。

4.box-shadow：設置陰影效果。

四、字體和字體樣式

CSS3 提供了許多用于設置字體和字體樣式的屬性，包括：

1.font-family：設置字體family。

2.font-style：設置字體樣式。

3.font-size：設置字體大小。

4.font-weight：設置字體重量。

5.font-style-string：設置字體樣式字符串。

五、響應式布局

CSS3 提供了許多用于響應式布局的屬性，包括：

1.display:flex：設置元素的布局方式為 Flexbox。

2.display:table：設置元素的布局方式為 Table。

3.display: inline-block：設置元素的布局方式為 inline-block。

4.margin：設置內邊距和邊框。

5.padding：設置外邊距和內邊距。

CSS3 提供了許多用于創建動畫的屬性，包括：

1.animation：設置動畫。

2.animation-name：設置動畫的名稱。

3.animation-duration：設置動畫的持續時間。

4.animation-iteration-count：設置動畫的迭代次數。

5.animation-direction：設置動畫的方向。

CSS3 提供了許多強大的屬性，可以幫助開發者更加靈活地控制網頁的樣式。通過掌握這些屬性，可以更好地創建高質量的 Web 應用程序。