CSS 中,可以使用多个属性来设置字体样式。以下是一些常用的 CSS 字体样式属性:
1、font-family:用于设置字体系列,可以指定多个备选字体,以便在某个字体不可用时使用下一个备选字体。例如:
font-family: Arial, sans-serif;
上面的例子将字体设置为 Arial,如果 Arial 不可用,则使用 sans-serif 作为备选字体。
2、font-size:用于设置字体大小。可以使用绝对单位(如像素 px)或相对单位(如 em 或 %)。例如:
font-size: 16px;
3、font-weight:用于设置字体的粗细。常用的值包括:
normal:普通字体(默认值)
bold:粗体字体
bolder:更粗的字体
lighter:更细的字体
使用数字值,如 100、200、300 等,指定相对粗细程度
4、font-style:用于设置字体的样式,常用的值包括:
normal:正常字体(默认值)
italic:斜体字体
oblique:倾斜字体
5、text-decoration:用于设置文本装饰效果,常用的值包括:
none:无装饰效果(默认值)
underline:下划线
overline:上划线
line-through:删除线
6、text-transform:用于设置文本的大小写转换,常用的值包括:
none:不进行大小写转换(默认值)
uppercase:将文本转换为大写
lowercase:将文本转换为小写
capitalize:将每个单词的首字母转换为大写
以下是一个示例,展示如何使用这些属性来设置字体样式:
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-transform: uppercase;
}
在上面的例子中,h1 元素的字体被设置为 Arial(或 sans-serif 作为备选字体),大小为 24 像素,粗体和斜体样式,有下划线,并进行大写转换。
可以根据需要组合和调整这些属性,以满足特定的字体样式要求。