在HTML中,可以使用CSS(层叠样式表)来设置字体,以下是一些常用的CSS属性和值,用于控制HTML元素的字体样式:
1、font-family
: 设置字体系列,可以指定一个或多个字体名称,用逗号分隔,浏览器会按照指定的顺序选择可用的字体,如果某个字体不可用,浏览器将尝试使用下一个字体。

(图片来源网络,侵删)
p { font-family: "Arial", sans-serif; }
2、font-size
: 设置字体大小,可以使用绝对单位(如像素、磅)或相对单位(如百分比、em)。
h1 { font-size: 24px; /* 绝对单位 */ } p { font-size: 1em; /* 相对单位 */ }
3、font-weight
: 设置字体粗细,常用的值有normal
、bold
、bolder
、lighter
以及数字(例如400
、700
)。
strong { font-weight: bold; }
4、font-style
: 设置字体样式,常用的值有normal
、italic
和oblique
。
em { font-style: italic; }
5、text-decoration
: 设置文本装饰,常用的值有none
、underline
、overline
、line-through
和blink
。
a { text-decoration: none; }
6、text-transform
: 设置文本转换,常用的值有none
、capitalize
、uppercase
和lowercase
。
h1 { text-transform: uppercase; }
7、color
: 设置文本颜色,可以使用颜色名称、十六进制颜色代码或RGB/RGBA值。
p { color: #ff0000; /* 十六进制颜色代码 */ }
8、line-height
: 设置行高,可以使用绝对单位或相对单位。
p { line-height: 1.5; /* 相对单位 */ }
9、letter-spacing
: 设置字符间距,可以使用绝对单位或相对单位。

(图片来源网络,侵删)
p { letter-spacing: 1px; /* 绝对单位 */ }
10、word-spacing
: 设置单词间距,可以使用绝对单位或相对单位。
p { word-spacing: 2px; /* 绝对单位 */ }
这些属性可以单独使用,也可以组合在一起,以实现更复杂的字体样式设置。

(图片来源网络,侵删)
标签:
留言评论