码迷,mamicode.com
首页 > 其他好文 > 详细

7.文本和字体属性

时间:2018-12-22 11:45:34      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:san   大小   mil   size   width   idt   ble   body   回退   

字体相关CSS属性介绍

font-family

字体系列。

font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。

简单实例:

body {
  font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif
}

如果设置成inherit,则表示继承父元素的字体。

font-weight

字重(字体粗细)。

取值范围:

描述
normal 默认值,标准粗细
bord 粗体
border 更粗
lighter 更细
100~900 设置具体粗细,400等同于normal,而700等同于bold
inherit 继承父元素字体的粗细值

font-size

字体大小。

p {
  font-size: 14px;
}

如果设置成inherit表示继承父元素的字体大小值。

color

设置内容的字体颜色。

支持三种颜色值:

  • 十六进制值 如: #FF0000
  • 一个RGB值 如: RGB(255,0,0)
  • 颜色的名称 如: red
p {
  color: red;
}

字体属性

text-align

文本对齐

text-align 属性规定元素中的文本的水平对齐方式。

描述
left 左边对齐 默认值
right 右对齐
center 居中对齐
justify 两端对齐

line-height

行高

text-decoration

文字装饰。

描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
inherit 继承父元素的text-decoration属性的值。


7.文本和字体属性

标签:san   大小   mil   size   width   idt   ble   body   回退   

原文地址:https://www.cnblogs.com/sunny666/p/10159868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!