本文目錄導(dǎo)讀：

1. 基本語(yǔ)法
2. 常用屬性
3. 選擇器類型
4. 樣式應(yīng)用示例

CSS樣式應(yīng)用指南

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語(yǔ)言，它可以幫助我們輕松地控制網(wǎng)頁(yè)的外觀和布局，在CSS中，我們可以通過(guò)選擇器和屬性來(lái)定義元素的樣式，例如顏色、字體、大小等。

基本語(yǔ)法

CSS的基本語(yǔ)法包括選擇器和聲明塊，選擇器用于選擇需要應(yīng)用樣式的元素，而聲明塊則包含屬性和值，用于定義元素的樣式。

常用屬性

1、color：用于定義元素的文本顏色。

2、font-size：用于定義元素的字體大小。

3、font-family：用于定義元素的字體類型。

4、background-color：用于定義元素的背景顏色。

5、width和height：用于定義元素的寬度和高度。

6、padding和margin：用于定義元素的填充和邊距。

7、border：用于定義元素的邊框樣式。

選擇器類型

1、元素選擇器：根據(jù)HTML元素類型選擇，例如div、p、a等。

2、類選擇器：通過(guò)元素的class屬性選擇，myClass。

3、ID選擇器：通過(guò)元素的id屬性選擇，myId。

4、偽類選擇器：選擇處于特定狀態(tài)的元素，hover、:active等。

樣式應(yīng)用示例

1、定義一個(gè)紅色的段落：

p { color: red; }

2、定義一個(gè)寬度為300px的div：

div { width: 300px; }

3、定義一個(gè)背景顏色為灰色的a標(biāo)簽：

a { background-color: gray; }

4、定義一個(gè)字體大小為16px的h1標(biāo)簽：

h1 { font-size: 16px; }

5、定義一個(gè)邊框樣式為2px solid black的div：

div { border: 2px solid black; }

6、定義一個(gè)鼠標(biāo)懸停時(shí)顏色變?yōu)樗{(lán)色的a標(biāo)簽：

a:hover { color: blue; }

7、定義一個(gè)點(diǎn)擊時(shí)顏色變?yōu)榧t色的a標(biāo)簽：

a:active { color: red; }

8、定義一個(gè)背景圖片為url('image.png')的div：

div { background-image: url('image.png'); }

9、定義一個(gè)文字垂直居中的div：

div { display: flex; align-items: center; }