如何在Html中改变字体

334 阅读3分钟

在早期的HTML版本中,字体标签被用来定义和改变字体的大小、颜色和样式。然而,HTML5不建议使用字体标签。
HTML5将字体属性作为一个属性添加到元素中。这些属性包括字体样式、字体大小和颜色。这些属性增强了HTML中字体的美感。本文旨在提供各种方法来改变HTML中的字体。本文的成果是。

  1. 如何改变HTML中的字体颜色
  2. 如何改变HTML中的字体大小
  3. 如何在HTML中改变字体样式

如何改变HTML中的字体

在HTML中,一个字体包括各种属性,如颜色、样式和大小。这些属性的应用是为了提供字体的互动可见性。

如何改变HTML中的字体颜色

要在HTML中改变字体的颜色,在开头标签中添加样式属性,并使用颜色属性,然后指定颜色值,可以是**"Hex"、"RGB "或 "关键字**"的颜色名称。

下面的HTML代码利用**"color "**属性来改变字体的颜色。

代码

<body>
<p style="color: red"> We changed the font color from default to red </p>
</body>

在上面的代码中,我们在开头的p标签中使用了style属性,然后使用color属性并分配了颜色值。

代码 图片

输出

字体颜色从默认变为红色,我们使用了font-color属性并分配了红色。

如何改变HTML中的字体大小

内联样式是对单个元素的样式。每当我们在一个特定的元素中使用样式属性时,它将覆盖目标属性。

让我们用下面的代码来改变HTML中的字体大小。

代码

<body>
<p style="font-size: 30px;"> We changed the font size to 30px</p>
</body>

在上面的代码中,我们使用font-size属性将字体大小设置为30px,我们将这段代码应用于段落标签的开头标签,即p。

图片

输出

通过使用font-size属性,段落的文字大小从默认变为30px。

如何改变HTML中的字体样式

字体样式定义了HTML中的字体样式。每当我们在一个HTML元素中使用style标签时,它将覆盖所有被设置为默认的参数。

让我们看看如何通过下面的例子来改变HTML中的字体样式或字体家族

代码

<body>
<p style="font-family: verdana;"> Font style changed to Verdana </p>
</body>

在这里,我们使用了Font-family标签,并给它分配了'Verdana'属性,它将标题的字体样式从默认的改为Verdana。

图片

输出

通过使用font-style属性,字体风格从默认变为Verdana。

你已经学会了在HTML中改变字体样式、字体大小和字体颜色。

总结

HTML的字体可以通过使用三个不同的属性来改变,它们是 "颜色"、"字体大小 "和 "字体风格"。这篇文章提供了改变HTML中字体的各种方法。颜色 "属性可以改变字体的颜色,"字体大小 "用于操纵字体的大小,而 "font-family "则为字体添加一些样式。