CSS文檔：完整的CSS屬性參考手冊

一、CSS屬性參考手冊的作用

CSS (Cascading Style Sheets)是一種用來美化網頁的標準化樣式語言，其規範定義了非常多的CSS屬性，每個屬性都具有非常重要的作用。CSS屬性參考手冊網站（https://www.cssportal.com/css-reference/）提供了完整的CSS屬性參考手冊，可供前端工程師查詢和使用。該手冊可以幫助前端工程師快速、準確地查找所需的CSS屬性並對其進行使用，使前端工程師能夠更加高效地進行網站開發。

二、常用的CSS屬性

以下是一些常用的CSS屬性，包括：background、font、margin、padding、border、height、width、position、display、float。

1. background屬性

/* 設置背景顏色 */
background-color: #234567;

/* 設置背景圖像 */
background-image: url("example.jpg");

/* 設置背景大小 */
background-size: cover;

/* 設置背景平鋪 */
background-repeat: repeat-x;

/* 設置背景位置 */
background-position: center top;

2. font屬性

/* 設置字體大小 */
font-size: 16px;

/* 設置字體樣式 */
font-style: italic;

/* 設置字體粗細 */
font-weight: bold;

/* 設置字體顏色 */
color: #333;

/* 設置字體族族名稱 */
font-family: "Time New Roman";

3. margin屬性

/* 設置外邊距 */
margin: 10px;

/* 設置上下左右邊距 */
margin: 10px 20px 30px 40px;

/* 設置上下邊距和左右邊距 */
margin: 10px 20px;

/* 設置上下左右內邊距 */
padding: 10px 20px 30px 40px;

4. padding屬性

/* 設置內邊距 */
padding: 10px;

/* 設置上下左右內邊距 */
padding: 10px 20px 30px 40px;

/* 設置上下內邊距和左右內邊距 */
padding: 10px 20px;

/* 設置上下左右內邊距 */
padding: 10px 20px 30px 40px;

5. border屬性

/* 設置邊框寬度 */
border-width: 1px;

/* 設置邊框樣式 */
border-style: solid;

/* 設置邊框顏色 */
border-color: #333;

/* 設置邊框圓角 */
border-radius: 10px;

6. height和width屬性

/* 設置高度 */
height: 200px;

/* 設置寬度 */
width: 400px;

7. position屬性

/* 普通流 */
position: static;

/* 相對定位 */
position: relative;

/* 絕對定位 */
position: absolute;

/* 固定定位 */
position: fixed;

8. display屬性

/* 元素顯示為塊級元素 */
display: block;

/* 元素顯示為內聯元素 */
display: inline;

/* 元素顯示為內聯塊級元素 */
display: inline-block;

9. float屬性

/* 元素向左浮動 */
float: left;

/* 元素向右浮動 */
float: right;

三、CSS屬性分類

CSS屬性可以按照用途進行分類，主要包括以下幾類：基本屬性、布局屬性、字體屬性、文字屬性、列表屬性、背景屬性、邊框屬性和其他屬性。

1. 基本屬性

指影響元素樣式的最基本的CSS屬性，主要包括：color、background-color、font-size、font-weight等；

2. 布局屬性

主要用於定義元素的布局方式，包括：display、position、float、clear等；

3. 字體屬性

主要用於改變文本/字體的樣式，包括：font、text-indent、text-transform等；

4. 文字屬性

主要用於設置文本的屬性，包括：text-decoration、letter-spacing、word-spacing等；

5. 列表屬性

主要用於定義列表的屬性，包括：list-style、list-style-type、list-style-image等；

6. 背景屬性

主要用於設置元素背景的樣式，包括：background、background-color、background-image等；

7. 邊框屬性

主要用於設置元素邊框的屬性，包括：border、border-width、border-style、border-color等；

8. 其他屬性

包括：opacity、cursor、outline等。

四、CSS選擇器分類

CSS選擇器是用於選擇特定HTML元素並對其應用樣式的模式。它們可以按照選擇的方式進行分類。以下是一些常見的CSS選擇器：

1. 基本選擇器

包括：標籤選擇器、類選擇器、ID選擇器、通配選擇器、屬性選擇器等。

2. 組合選擇器

包括：後代選擇器、子元素選擇器、相鄰兄弟選擇器、通用兄弟選擇器等。

3. 偽類選擇器

包括：hover、active、focus等。

4. 偽元素選擇器

包括：:after、:before、:first-letter等。

五、總結

CSS屬性參考手冊網站提供了完整的CSS屬性參考手冊，可以幫助前端工程師快速、準確地查找所需的CSS屬性並對其進行使用。常用的CSS屬性包括：background、font、margin、padding、border、height、width、position、display、float。CSS屬性可按照用途進行分類，主要包括：基本屬性、布局屬性、字體屬性、文字屬性、列表屬性、背景屬性、邊框屬性和其他屬性。CSS選擇器也可以按照選擇的方式進行分類，包括：基本選擇器、組合選擇器、偽類選擇器、偽元素選擇器。