3 CSS字体样式属性
CSS字体样式属性
font-size 字体大小
相对长度单位 | 说明 |
---|---|
em | 相对于当前对象内文本的字体尺寸 |
px | 像素(常用) |
绝对长度单位 | 说明 |
cm | 厘米 |
mm | 毫米 |
pt | 点 |
in | 英寸 |
p {
font-size: 14px;
}
如果设置成inherit
表示继承父元素的字体大小值
font-family 字体
font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等
可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体
body {
font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif
}
如果设置成inherit
,则表示继承父元素的字体
font-weight 字体粗细
值 | 描述 |
---|---|
normal | 默认值,标准粗细 |
bold | 粗体 |
bolder | 更粗 |
lighter | 更细 |
100~900 | 设置具体粗细,400等同于normal,而700等同于bold |
inherit | 继承父元素字体的粗细值 |
color 颜色
支持三种颜色值:
- 十六进制值 如: #FF0000
- 一个RGB值 如: RGB(255,0,0)
- 颜色的名称 如: red