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
posted @ 2019-10-16 20:23  不要找借口  阅读(162)  评论(0编辑  收藏  举报