html字体的样式与行高

您所在的位置:网站首页 html设置文字粗细 html字体的样式与行高

html字体的样式与行高

2024-07-10 21:29| 来源: 网络整理| 查看: 265

字体:

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

字体分类:

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

字体的样式:

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

行高:

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

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3