如何在 HTML 中使用小字体？

要在 HTML 中设置小字体，请使用 style 属性。style 属性为元素指定内联样式。该属性与 HTML <p> 标签一起使用，并使用 CSS 属性 font-size。HTML5 不支持 <font> 标签，因此使用 CSS 样式来添加字体大小。

请记住，使用 style 属性会覆盖任何全局设置的样式。它将覆盖在 HTML <style> 标签或外部样式表中设置的任何样式。

示例

可以尝试以下代码，在 HTML 页面中添加小于默认字体的小字体

<!DOCTYPE html>
<html>
   <head>
      <title>HTML smaller font</title>
   </head>

   <body>
      <h1>Heading</h1>
      <p>This is demo content.</p>
      <p style="color:blue;font-size:11px;">This text will be smaller.</p>
   </body>
</html>

输出

更新时间： 2021 年 12 月 22 日

5K+ 浏览量

开始你的 职业生涯

通过完成课程获得认证

开始
广告