CSS5是CSS標準的最新版本，于2014年發布。相較于早期的CSS版本，CSS5帶來了許多新的特性和改進，使得瀏覽器和開發人員能夠更好地實現各種樣式和布局要求。本手冊將介紹CSS5中的主要內容和用法。

## 1. 簡介

CSS5是CSS標準的最新版本，它引入了一些新的特性和改進，包括：

- 新的標簽結構：`<style>`標簽代替了早期的`<style>`和`<link>`標簽，使得代碼更加簡潔和易于維護。

- 新的屬性：CSS5引入了更多的屬性，包括`display`、`flex`、`grid`、`animation`等，可以用于實現各種復雜的樣式和布局要求。

- 新的行為：CSS5引入了一些新的行為，包括`background-size`、`box-shadow`、`border-radius`、`transform`等，可以用于實現各種復雜的動畫效果和特效。

- 新的基礎規則：CSS5引入了一些新的基礎規則，包括`color`、`font-size`、`line-height`、`text-align`等，可以用于實現基本的樣式和布局要求。

## 2. 新的標簽結構

例如，以下是一個使用CSS5標簽結構的定義：

<style>

/* 定義樣式 */

</style>

<link rel="stylesheet" type="text/css" href="style.css">

## 3. 新的屬性

CSS5引入了一些新的屬性，包括：

- `display`：用于設置元素的狀態，包括`table-cell`、`flex`、` inline-block`等。

- `flex`：用于設置元素的布局方式，包括`justify-content`、`align-items`等。

- `grid`：用于設置元素的布局方式，包括`grid-template-columns`、`grid-template-rows`等。

- `animation`：用于實現動畫效果和特效，包括`animation-name`、`animation-duration`、`animation-iteration-count`等。

例如，以下是一個使用`display`屬性定義塊級元素的樣式：

.cell {

display: flex;

在這個例子中，`.cell`元素被設置為`flex`，從而在布局時使用`grid-template-columns`和`grid-template-rows`屬性來指定其大小和位置。

## 4. 新的行為

CSS5引入了一些新的行為，包括：

- `background-size`：用于設置背景圖片的大小，包括`cover`、`contain`、` Zoom`等。

- `box-shadow`：用于設置陰影，包括`box-shadow`、`inset-box-shadow`等。

- `border-radius`：用于設置邊框的半徑，包括`border-radius`、` corner-radius`等。

- `transform`：用于設置變換，包括`translate`、`scale`、`rotate`等。

例如，以下是一個使用`background-size`屬性設置背景圖片大小的行為：

.cell {

background-size: cover;

在這個例子中，`.cell`元素被設置為`cover`，從而在布局時使用`background-size`屬性來設置背景圖片的大小。

## 5. 新的基礎規則

CSS5引入了一些新的基礎規則，包括：

- `color`：用于設置元素的文本顏色，包括`aliceblue`、`antelope`、`cadetblue`等。

- `font-size`：用于設置元素的字體大小，包括`font-size-base`、`font-size-script`、`font-size-lg`等。

- `line-height`：用于設置元素的行高，包括`line-height-base`、`line-height-script`、`line-height-lg`等。

- `text-align`：用于設置元素的文本對齊方式，包括`text-align-start`、`text-align-center`、`text-align-end`等。

例如，以下是一個使用`color`屬性設置元素的文本顏色的基礎規則：

.cell {

color: aliceblue;

在這個例子中，`.cell`元素被設置為`aliceblue`，從而在布局時使用`color`屬性來設置元素的文本顏色。