CSS 设定文本尺寸的属性

CSS中有多个属性可以用来设置文本尺寸，包括font-size、line-height、letter-spacing和word-spacing等。本攻略将介绍这些属性的用法和示例。

font-size属性

font-size属性用于设置文本的字号大小。可以使用绝对单位（如px、pt、em等）或相对单位（如%、rem等）来指定字号大小。以下是font-size属性的示例：

p {
  font-size: 16px;
}

上述代码将为所有段落设置字号大小为16像素。

h1 {
  font-size: 2em;
}

上述代码将为所有h1标题设置字号大小为父元素字号大小的两倍。

line-height属性

line-height属性用于设置文本行高。可以使用绝对单位或相对单位来指定行高。以下是line-height属性的示例：

p {
  line-height: 1.5;
}

上述代码将为所有段落设置行高为字号大小的1.5倍。

h1 {
  line-height: 2em;
}

上述代码将为所有h1标题设置行高为字号大小的两倍。

letter-spacing属性

letter-spacing属性用于设置字符间距。可以使用绝对单位或相对单位来指定字符间距。以下是letter-spacing属性的示例：

p {
  letter-spacing: 1px;
}

上述代码将为所有段落设置字符间距为1像素。

h1 {
  letter-spacing: 0.5em;
}

上述代码将为所有h1标题设置字符间距为字号大小的0.5倍。

word-spacing属性

word-spacing属性用于设置单词间距。可以使用绝对单位或相对单位来指定单词间距。以下是word-spacing属性的示例：

p {
  word-spacing: 2px;
}

上述代码将为所有段落设置单词间距为2像素。

h1 {
  word-spacing: 1em;
}

上述代码将为所有h1标题设置单词间距为字号大小的1倍。

示例

以下是两个示例：

示例1：设置文本尺寸和行高

假设用户需要为网站的标题和正文设置字号大小和行高，可以按照以下步骤操作：

1. 在CSS文件中，使用font-size属性为标题和正文设置字号大小。例如：

h1 {
  font-size: 36px;
}

p {
  font-size: 16px;
}

上述代码将为所有h1标题设置字号大小为36像素，为所有段落设置字号大小为16像素。

1. 在CSS文件中，使用line-height属性为标题和正文设置行高。例如：

h1 {
  line-height: 1.5;
}

p {
  line-height: 1.5;
}

上述代码将为所有h1标题和段落设置行高为字号大小的1.5倍。

示例2：设置字符间距和单词间距

假设用户需要为网站的标题和正文设置字符间距和单词间距，可以按照以下步骤操作：

1. 在CSS文件中，使用letter-spacing属性为标题和正文设置字符间距。例如：

h1 {
  letter-spacing: 1px;
}

p {
  letter-spacing: 0.5px;
}

上述代码将为所有h1标题设置字符间距为1像素，为所有段落设置字符间距为0.5像素。

1. 在CSS文件中，使用word-spacing属性为标题和正文设置单词间距。例如：

h1 {
  word-spacing: 2px;
}

p {
  word-spacing: 1px;
}

上述代码将为所有h1标题设置单词间距为2像素，为所有段落设置单词间距为1像素。