css中的font的复合样式的顺序是怎样的?

在CSS中,font-shortening属性用于设置许多字体属性,顺序为font-stylefont-variantfont-weightfont-size/line-heightfont-family。
需要注意的是,font-size和font-family是必填项,其他属性可以省略;如果省略,则使用默认值。
font-style属性用于指定文本的字体样式,如inherit,表示继承自父元素的字体样式。
font-variant属性用于设置父元素的小写字体显示。
font-weight属性用于设置字体文本的粗细,为100到900之间的整数,表示字体由粗到细,700相当于来自父元素的字体粗细;font-size属性用于设置字体大小,它接受长度单位或相对单位。
font-family属性用于指定元素的字体,它接受字体名称列表,浏览器将尝试按顺序应用这些字体,直到找到可用的字体。
例如:p.ex1{font:15pxarial,sans-serif;}表示将段落字体大小设置为15px,字体设置为Arial。
如果系统上没有安装Arial,则将使用sans-serif字体。
又如:p.ex2{font:italicbold12px/30pxGeorgia,serif;}表示设置该段落的字体样式为斜体,字体为Georgia如果系统上没有安装Georgia,则会使用衬线字体,大小为字体为12像素,行高为30像素。

CSS字体的CSS字体系列

CSS字体属性定义文本的字体系列、大小、粗体、样式(例如斜体)和变体(例如小写)。
CSS中有两种类型的字体系列名称:通用字体系列-外观相似的字体系统的组合(例如Serif或Monospace)特定字体系列-一个字体系列加上一个特定字体系列(例如Times或Courier)各种特定字体系列一个字体系列加上一个特定字体系列字体系列(如Times或Courier),CSS定义了五种常见的字体系列。
衬线字体无衬线字体等宽字体草书字体幻想字体要了解有关字体系列的更多信息,请阅读CSS字体系列。

CSS字体与文本样式详解

3.css中的文本属性

语法:font-family:[Font1],[Font2],[...];

说明:默认值:normal400相当于普通700等于厚

注意:数值之间用空格分隔,注意书写顺序。

功能:设置元素内容竖排模式

注:看图了解

text-transform:首字母大写大写||。
小写字母小写字母|。
没有正常的

文本装饰:下划线|。
顶行|。
通过|的线。
没什么共同点

分享日常学习过程中总结的学习心得,学习笔记,笔试题,HTML、CSS、JavaScript、jQuery教程、Vue教程、PHP教程、TinkPHP教程等。
希望大家能够每天阅读这篇文章,以学习和了解身边的技术为目的。
与有梦想的人一起成长!