- N +

html中字体都有什么

HTML 中可以使用多种字体样式来美化文本。以下是一些常见的字体属性和类型:

1. 字体名称(Font Family):

`font-family`: 定义字体族,如 `serif`, `sans-serif`, `monospace`, `cursive`, `fantasy`, `system-ui` 等。

示例:`

这是字体族为 serif 的文本。

`

2. 字体样式(Font Style):

`font-style`: 定义字体样式,如 `normal`(默认),`italic`(斜体),`oblique`(倾斜)。

示例:`

这是斜体文本。

`

3. 字体变体(Font Variant):

`font-variant`: 定义字体变体,如 `normal`(默认),`small-caps`(小写字母为大写字母)。

示例:`

这是小写字母变为大写字母的文本。

`

4. 字体粗细(Font Weight):

`font-weight`: 定义字体的粗细,如 `normal`(默认),`bold`(粗体),`bolder`(比正常粗),`lighter`(比正常细)。

示例:`

这是粗体文本。

`

5. 字体大小(Font Size):

`font-size`: 定义字体大小,可以使用像素(px)、点(pt)、em、rem 等单位。

示例:`

这是24像素大小的文本。

`

6. 行高(Line Height):

`line-height`: 定义行高,可以增加文本的可读性。

示例:`

这是行高为1.5倍的文本。

`

7. 字体大小单位:

`px`(像素):固定大小,不随浏览器窗口大小改变而改变。

`em`:相对于当前字体大小的倍数。

`rem`:相对于根元素(HTML)的字体大小的倍数。

`%`:相对于父元素的字体大小的百分比。

8. 字体加粗(Font Bold):

使用 `bold` 或 `bolder` 可以使文本看起来更粗。

9. 字体斜体(Font Italic):

使用 `italic` 或 `oblique` 可以使文本看起来更斜。

10. 字体大小调整(Font Size Adjustment):

使用 `large`、`small`、`larger`、`smaller` 可以调整字体大小。

这些是 HTML 中常见的字体属性,你可以根据需要组合使用它们来创建不同的字体效果。

返回列表
上一篇:
下一篇: