1. font-family
font-family
属性用于设置文本的字体系列。你可以通过指定一个具体的字体名称(如"Times New Roman"),或者使用一个通用的字体类别(如"serif","sans-serif","monospace"等)来设置字体。如果浏览器不支持指定的字体,它将回退到下一个可用的字体。
例如,如果你想将段落文本设置为宋体,你可以这样写:
p {
font-family: "SimSun";
}
2. font-size
font-size
属性用于设置文本的大小。你可以使用绝对单位(如像素px,点pt,英寸in等)或相对单位(如em,rem等)来设置字体大小。
例如,如果你想将段落文本的大小设置为16像素,你可以这样写:
p {
font-size: 16px;
}
3. font-weight
font-weight
属性用于设置文本的粗细。你可以使用关键字(如"normal","bold","bolder","lighter"等)或数字值(如100,200,300等)来设置字体粗细。数字值400表示正常的粗细,700表示粗体,而900表示最粗的字体。
例如,如果你想将段落文本设置为粗体,你可以这样写:
p {
font-weight: bold;
}
4. font-style
font-style
属性用于设置文本的样式。你可以使用关键字(如"normal","italic","oblique"等)来设置字体样式。其中,"italic"表示斜体,而"oblique"表示倾斜的字体。
例如,如果你想将段落文本设置为斜体,你可以这样写:
p {
font-style: italic;
}
5. line-height
line-height
属性用于设置文本的行高。你可以使用绝对单位(如像素px,点pt,英寸in等)或相对单位(如em,rem等)来设置行高。行高是两行基线之间的垂直距离。
例如,如果你想将段落文本的行高设置为1.5倍的字体大小,你可以这样写:
p {
line-height: 1.5;
}
以上就是在CSS中设置字体的基本方法。通过组合这些属性,你可以创建出各种各样的文本效果。
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/127677.html