### 如何設(shè)置CSS文本的行間距

在CSS中，可以使用`line-height`屬性來設(shè)置文本的行間距，這個(gè)屬性可以指定文本行之間的***小距離，使得文本更加易讀。

#### 1. 設(shè)置行間距的基本語法

CSS中的`line-height`屬性可以通過以下方式設(shè)置：

- 全局設(shè)置：在CSS樣式表中，可以直接為`body`元素設(shè)置`line-height`屬性，以影響整個(gè)頁(yè)面的文本行間距。

```css

body {

line-height: 1.6; /* 行間距設(shè)置為1.6倍的字高 */

}

```

- 局部設(shè)置：可以為特定的段落或元素設(shè)置`line-height`屬性，以改變其行間距。

```css

p {

line-height: 2; /* 段落行間距設(shè)置為2倍的字高 */

}

```

#### 2. 行間距的單位

`line-height`屬性的值可以使用以下幾種單位：

- 像素（px）：指定具體的像素值作為行間距，`line-height: 20px;`將行間距設(shè)置為20像素。

- 百分比（%）：相對(duì)于當(dāng)前字體大小設(shè)置行間距，`line-height: 150%;`將行間距設(shè)置為字體大小的1.5倍。

- em：相對(duì)于當(dāng)前字體大小設(shè)置行間距，1em等于當(dāng)前字體的大小，`line-height: 1.6em;`將行間距設(shè)置為字體大小的1.6倍。

#### 3. 示例

下面是一個(gè)示例，展示了如何設(shè)置不同元素的行間距：

```html

這是一段文本，它的行間距設(shè)置為1.5倍的字高。

```

在這個(gè)示例中，我們?yōu)閌body`、`h1`和`p`元素分別設(shè)置了不同的行間距，使得文本更加易讀和美觀。