HTML与CSS中的文本处理

在HTML中，处理文本通常涉及到几个核心元素。以下是一些常见的HTML文本元素：

1. <p> 标签：段落。一个 <p> 标签定义一个段落，通常用于显示多行文本。
2. <h1> 到 <h6> 标签：标题。这些标签用于定义不同级别的标题，其中 <h1> 是最高级别，<h6> 是最低级别。标题标签可以帮助结构化内容并控制显示效果。
3. <div> 标签：块级元素。通常用于为网页上的内容块设置样式和布局。
4. <span> 标签：内联元素。用于对文本进行分组，并为其应用样式。
5. <a> 标签：链接。用于创建超链接，使文本可点击并跳转到其他页面或网站。
6. <strong> 和 <em> 标签：强调文本。<strong> 标签表示重要文本，而 <em> 标签表示强调文本。
7. <blockquote> 标签：引用长文本。用于显示长段落的引用内容。
8. <pre> 标签：预格式化的文本。保持文本和空格的原始样式。
   接下来，我们将深入探讨如何使用CSS控制字体。CSS是一种样式表语言，用于描述网页元素的外观和布局。通过CSS，我们可以改变字体、字体大小、字体样式、行高、字体颜色等。
   在CSS中，我们使用font-family属性来指定字体。例如，我们可以将字体设置为“Times New Roman”、“Arial”或“Courier New”。如果浏览器不支持指定的字体，它通常会回退到备选字体列表中的下一个字体。
   我们还可以使用font-size属性来设置字体大小，这可以是固定的像素值（如“16px”），也可以是相对值（如“larger”、“smaller”或“xx-small”、“xx-large”）。CSS还提供了em和rem单位，它们是相对于当前元素的字体大小的相对单位。
   font-weight属性用于设置字体的粗细。常见的值包括“normal”、“bold”、“bolder”、“lighter”以及从“100”到“900”的数字值。数字值越大，字体越粗。
   font-style属性用于设置字体的样式，如斜体或正常样式。可能的值包括“normal”、“italic”和“oblique”。
   line-height属性用于设置行高，这可以是一个固定的像素值、相对值或比例值。例如，“1.5”表示行高是字体大小的1.5倍。
   最后，color属性用于设置文本颜色。我们可以使用各种颜色格式，如关键字（如“red”）、十六进制（如“#FF0000”）、RGB（如“rgb(255, 0, 0)”）或HSL（如“hsl(0, 100%, 50%)”）。
   下面是一个简单的CSS示例，用于设置段落文本的样式：

   p {
   font-family: Arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   font-style: italic;
   line-height: 1.5;
   color: #FF0000;
   }

   这个示例将所有<p>标签内的文本设置为红色、粗体、斜体，行高为字体大小的1.5倍。