css字体

css字体简述

-对css的文本字体的大小,系列,粗细,样式,显示方式等多个样式对文本字体的进行设置,以达到自身所需要的需求样式。

css字体简写声明(font)

1.简述:对css字体属性进行简写,在一个声明中设置所有属性,其基本格式为:

font:" font-style  font-size font-weight/line-height font-family font-variant " 

其中font-family和font-size是必须的,其他的无顺序要求(font-family和font-size可通过父级进行继承)

css字体系列(font-family)

1.简述:对css元素设置一个字体,一般分为2类,指定的特殊字体和通用的字体 ,一个font-family可以设置多个字体,比实现回退机制,在不匹配第一个字体的情况下,进行向下匹配,直至匹配到合适的字体位置,建议在在最后一个设置一个通用字体,防止报错。

css字体大小(font-size)

1.简介:设置字体大小

2.属性:
(1)绝对大小值:xx-small , x-small (不推荐)
(2)%:使用相对父元素字体大小的百分比设置字体大小,不推荐
(3)length:设置一个固定值(px值)
(4)inherit:继承父级的字体大小,默认

css字体样式(font-style)

1.简介:设置字体的样式

2.属性:
(1)normal:正常显示字体
(2)italic:斜体显示字体

css字体粗细(font-weight)

1.简介:设置字体的粗细

2.属性
(1)normal:标准字符大小显示
(2)bold:粗体显示
(3)bolder:更粗的字体
(4)lighter:更细的字体显示
(5)100-900:依次从细到粗进行显示,其中400为正常大小

css字体设置为小型大写字体(font-variant)

1.简介:将字体设置为小型大写字体

2.属性值:
(1)normal:以字符标准进行显示
(2)small-caps:显示小型大写字母的字体
(3)inherit:继承父级的font-variant属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容