作者:qqian | 来源:互联网 | 2023-07-13 16:55
1、font-family功能:用于改变html标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。语法:{font-family:字体1,字体2, … ,字体n}
1、font-family
功能:用于改变html标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。
语法:{font-family:字体1,字体2, … ,字体n}
例子:
字体
2、font-style
功能:使文本显示为扁斜体或斜体等表示强调 。
数值:
normal – 正常
italic – 斜体
oblique – 偏斜体
例子:
normal
italic
oblique
3、font-variant
功能:用于在正常与小型大写字母字体间切换。
数值:normal – 如果该标志继承父元素的 small-caps 设置,则关键字 normal 将 font-variant 设置为正常字体。
small-caps – 把小写字母显示为字体较小的大写字母。
例子:
font-variant
4、font-weight
功能:用于设置字体灰度,生成字体的深,浅版本。
数值:
正常灰度 – normal
相对灰度 – bold, bolder, light, lighter
梯度灰度 – 取值如下:100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。
例子:
字体灰度
5、font-size
功能:用各种度量单位控制文本字体大小。
数值:有四种数值方式
绝对尺寸- 用具体字号表定义字体大小,可以取下列数值之一:xx – small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。
相对尺寸 – larger, smaller,产生的尺寸是相对于父容器字号而言的。
长度 – 用毫米(mm),厘米(cm),英寸(in),点数(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。
百分比 – 相对于其父元素字体大小的百分比。
例子:字体大小
6、font
功能:简写属性,提供了对字体所有属性进行设置的快捷方法。
语法:{font:字体属性1 字体属性2 … 字体属性n}
数值:字体属性值为前面已列出的值,此外还可以设置行间距属性 line-height(见文本属性),内容的顺序为:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性,属性值间用空格分开。
例子:
font