字体属性

2023-12-28    分类: 网站建设

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。可省略部分属性,属性值间用空格分开。

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司!

网页标题:字体属性
网址分享:https://www.cdcxhl.com/news17/310817.html

成都网站建设公司_创新互联,为您提供用户体验云服务器网站排名定制开发电子商务外贸建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司