迹忆客 专注技术分享

今天的文章将介绍我们如何在 HTML 中显示小字体。

在 HTML 中显示小字体

font-size CSS 属性决定字体大小。 当字体大小改变时，与字体大小相关的长度单位（例如 em、ex 等）的大小也会被修改。

可以通过多种方式指定字体大小，包括使用关键字或以像素或 em 表示的数值。 根据具体网页的要求选择合适的方法。

语法：

font-size: value

font-size支持的十三个值如下：

1. font-size 属性的默认值为 medium，这使得字体大小为中等。
2. font-size 由 xx-small 值设置为 xx-small 大小。
3. x-small 值进一步减小了文本大小。
4. small 将文本大小减小到很小。
5. large 值将文本大小增加到较大的大小。
6. 使用 x-large 选项将字体大小更改为超大。
7. font-size 通过 xx-large 值设置为双倍超大尺寸。
8. font-size 设置为较小的值，小于父元素。
9. larger 数字会增加父元素上方的字体大小。
10. length 以像素、厘米等为单位建立固定的 font-size 。
11. 使用 % 值将字体大小设置为父元素字体大小的百分比。
12. initial 值确定该属性的默认值。
13. Inherit 属性由元素从其父元素继承。

有关字体大小的更多详细信息，请参见此处的官方文档。

为了进一步理解前面的概念，请考虑以下示例。

<p style="font-size: medium;">Hello jiyik.com!</p>
<p style="font-size: 5px;">Hello jiyik.com!</p>
<p style="font-size: x-small;">Hello jiyik.com!</p>
<p style="font-size: small;">Hello jiyik.com!</p>
<p style="font-size: xx-small;">Hello jiyik.com!</p>
<p style="font-size: xx-large;">Hello jiyik.com!</p>
<p style="font-size: large;">Hello jiyik.com!</p>

上面的示例以不同的字体大小打印短语 hello jiyik.com。 根据具体网页的要求选择合适的方法。