html字体的样式与行高

字体:

font-size:
在这里插入图片描述
font-family:
在这里插入图片描述
注意事项:
在这里插入图片描述

字体分类:

在这里插入图片描述
字体的一个类包含许多字体,通常放在最后一个逗号后边兜底。

字体的样式:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
font比较重要,因为简写可以提升浏览器解析的性能,建议简写,但是要注意用font时文字的大小和字体必须写,且分别占倒数第二和倒数底一,之间空格隔开。

行高:

在这里插入图片描述
记住行高 - 字体大小=行间距
即line-height - font-size=行间距;
在这里插入图片描述
一般来说第三点用的多一些
在这里插入图片描述
这里使用于一个盒模型div中 有一个元素 将其垂直居中

在这里插入图片描述
这里要注意,如果使用font的话,font会自动设置行高的默认值,如果要写的话建议在字体大小后边加一个/ 再写行高。
例如:font: 16px/1 即指定和16px相等的行高,也可以用px为单位来指定。

猜你喜欢

转载自blog.csdn.net/YuTinH/article/details/106312835
今日推荐