## 基本概念

CSS是一種用于控制網(wǎng)頁樣式和布局的語言，與HTML文檔一起使用，構(gòu)成網(wǎng)頁的樣式和布局。CSS可以控制網(wǎng)頁元素的樣式，如字體、顏色、大小、位置等，同時也可以控制網(wǎng)頁的布局，如表格、表單、圖片等元素的位置和大小。

CSS由三個部分組成：

1. 樣式(Style)：包括元素的樣式屬性，如顏色、字體、大小等。

2. 布局(Layout)：包括網(wǎng)頁的布局方式，如表格布局、表單布局、圖片布局等。

3. 選擇器( selectors)：用于選擇網(wǎng)頁中的元素，包括標(biāo)簽、類、屬性等。

## 語法

CSS的語法比較靈活，可以根據(jù)需要使用不同的語法結(jié)構(gòu)來控制樣式。以下是一些常見的CSS語法：

### 屬性(屬性名):

屬性名可以表示任何CSS屬性，如顏色、字體、大小等。使用屬性名來設(shè)置屬性值，如：

```css

color: blue;

font-size: 16px;

### 選擇器(選擇器名):

選擇器名可以表示任何選擇器，用于選擇網(wǎng)頁中的元素。選擇器名包括標(biāo)簽、類、屬性等。使用選擇器名來選擇元素，如：

```css

div {

width: 200px;

height: 200px;

background-color: blue;

p.title {

font-size: 20px;

### 段落樣式(段落類名):

段落樣式是指對整個段落進行樣式控制，如字體、顏色、大小等。使用段落類名來對整個段落進行樣式控制，如：

```css

p.title {

font-size: 20px;

color: red;

## 常用的CSS樣式

以下是一些常用的CSS樣式：

### 顏色

使用顏色屬性可以設(shè)置元素的樣式，如：

```css

color: blue;

### 字體

使用字體屬性可以設(shè)置元素的樣式，如：

```css

font-family: Arial, sans-serif;

### 大小

使用字體大小屬性可以設(shè)置元素的樣式，如：

```css

font-size: 16px;

### 位置

使用絕對定位或相對定位可以設(shè)置元素的位置，如：

```css

position: relative;

top: 10px;

```css

position: absolute;

top: 0;

left: 0;

### 背景色

使用background屬性可以設(shè)置元素的背景色，如：

```css

background-color: blue;

### 邊框樣式

使用邊框樣式可以設(shè)置元素的邊框大小和顏色，如：

```css

border-width: 10px;

border-style: solid;

border-color: blue;

## 總結(jié)

以上是CSS的基本概念、語法和常用的CSS樣式。通過使用CSS，我們可以對網(wǎng)頁的樣式和布局進行控制，使得網(wǎng)頁更加美觀、易于閱讀和使用。