📜  HTML | DOM 样式字体属性(1)

📅  最后修改于: 2023-12-03 15:31:13.738000             🧑  作者: Mango

HTML | DOM 样式字体属性

HTML | DOM 样式字体属性控制文本字体样式,包括字体系列、大小、颜色等。

font-family

font-family 属性用于指定文本的字体系列,可以是一个或多个字体名称。

<p style="font-family: Arial, sans-serif;">Hello, world!</p>
font-size

font-size 属性用于指定文本的字体大小,可以是绝对大小(像素、英寸等)或相对大小(百分比、em 等)。

<p style="font-size: 16px;">Hello, world!</p>
font-style

font-style 属性用于指定文本的字体风格,包括正常、斜体、倾斜等。

<p style="font-style: italic;">Hello, world!</p>
font-weight

font-weight 属性用于指定文本的字体粗细,可以是数字(100-900)或关键字(normal、bold、bolder、lighter)。

<p style="font-weight: bold;">Hello, world!</p>
font-variant

font-variant 属性用于指定文本的字体变体,包括正常、小型大写字母等。

<p style="font-variant: small-caps;">Hello, world!</p>
font-stretch

font-stretch 属性用于指定文本的字体拉伸效果,包括正常、紧缩、扩展等。

<p style="font-stretch: condensed;">Hello, world!</p>
color

color 属性用于指定文本的颜色。

<p style="color: red;">Hello, world!</p>
text-decoration

text-decoration 属性用于指定文本的装饰效果,包括下划线、删除线、上划线等。

<p style="text-decoration: underline;">Hello, world!</p>
text-transform

text-transform 属性用于指定文本的大小写转换效果,包括大写、小写、首字母大写等。

<p style="text-transform: uppercase;">Hello, world!</p>
line-height

line-height 属性用于指定文本行高。

<p style="line-height: 1.5;">Hello, world!</p>

以上是常用的 HTML | DOM 样式字体属性,程序员在实现文本的样式化效果时可以结合使用。