当你用HTML标签向你的HTML文件添加文本时，你不会总是希望文本保持默认大小。你会希望能够调整文本在浏览器中的显示方式。
在这篇文章中，你将学习如何用HTML标签改变文本的大小。
在你继续之前，有必要知道我们只有一种方法可以做到这一点：通过CSS的font-size 属性。我们可以通过内联、内部或外部样式设计来使用font-size 属性。
在过去，我们可以在我们的HTML标签内调整文本大小而不使用CSS。但那是在HTML5之前。然后，我们使用<font> 标签添加文本，该标签可以接受一个大小属性，如下图所示：
<font size="5">
Hello World
</font>
这个大小属性的取值范围是1-7，其中文本大小从1增加到7。但就像我说的，这早已贬值了，大多数人甚至都不知道它的存在。
如果你急着想知道如何改变你的文本大小，那么就在这里：
// Using inline CSS
<h1 style="font-size: value;"> Hello World! </h1>
// Using internal/external CSS
selector {
font-size: value;
}
假设你不着急。让我们简单地直接进入。
如何用内嵌式CSS改变文字的大小
内联CSS允许你将样式应用于特定的HTML元素。这意味着我们将CSS直接放入一个HTML标签中。我们使用style属性，它现在容纳了我们所有的样式：
<h1 style="...">Hello World!</h1>
我们在我们的值旁边使用font-size 属性，用内联CSS来改变文本大小。这个值可以使用任何你喜欢的CSS单位，如em、px、rem等等：
<h1 style="font-size:4em; "> Hello World! </h1>
<p style="font-size:14px; "> Any text whose font we want to change </p>
一个完美的语法应该是：
<TEXT-TAG style="font-size:value;"> ... </TEXT-TAG>
如何用内部或外部CSS来改变文本大小
你用来改变内部和外部CSS样式的文字大小的方法是相似的，因为你使用了一个选择器。这方面的一般语法是：
selector {
font-size: value;
}
选择器可以是我们的HTML标签，也可以是一个类或一个ID。比如说：
// HTML
<p> Any text whose font we want to change </p>
// CSS
p {
font-size: 14px;
}
或者我们可以使用一个类：
// HTML
<p class="my-paragraph" > Any text whose font we want to change </p>
// CSS
.my-paragraph {
font-size: 14px;
}
总结
在这篇文章中，你学到了如何使用CSS来改变HTML元素的字体/文字大小。你还看到了在引入HTML5之前，开发者是如何做到这一点的。
另外，请记住，使用内部或外部样式来为你的HTML元素设置样式总是更好的，因为与内联样式相比，它提供了很大的灵活性。
例如，你可以为所有的p标签使用一个CSS类，而不是为所有的p标签元素添加内联样式。
我希望这个教程能给你带来改变HTML文本大小的知识，这样你就能使它看起来更好。
祝你编码愉快!
