当您使用 HTML 标记将文本添加到 HTML 文件时,您不会总是希望文本保持默认大小。您将希望能够调整文本在浏览器中的显示方式。
在本文中,您将学习如何使用 HTML 标记更改文本大小。
在继续之前,必须知道只有一种方法可以做到这一点:通过 CSS 的font-size属性。我们可以font-size通过内联、内部或外部样式使用该属性。
过去,我们可以在不使用 CSS 的情况下调整 HTML 标记中的文本大小。但那是在 HTML5 之前。然后我们使用标签添加文本,它可以接受大小属性,如下所示:
Hello World 这个 size 属性可以取 1-7 的值,其中文本大小从 1 增加到 7。但是就像我说的,这早就被贬低了,大多数人甚至不知道它的存在。如果您急于查看如何更改文本的大小,那么这里是:
// Using inline CSS
Hello World!
// Using internal/external CSS
selector {
font-size: value;
}
假设你不着急。让我们简要介绍一下。
如何使用内联 CSS 更改文本大小
内联 CSS 允许您将样式应用于特定的 HTML 元素。这意味着我们将 CSS 直接放入 HTML 标记中。我们使用 style 属性,它现在包含我们所有的样式。
Hello World!
我们使用该font-size属性和我们的值来使用内联 CSS 更改文本大小。该值可以使用任何您喜欢的 CSS 单位,例如 em、px、rem 等。Hello World!
Any text whose font we want to change
一个完美的语法是: <