line-height属性与font-size属性的关系

在CSS样式中，关于文字的line-height属性和font-size属性

从图中可以看出：
行高=行间距（两倍行半距）+文字大小

文字的大小由font-size属性决定，行高由line-height属性决定。

关于同时使用font-size与line-height属性的3种情况：
1.font-size与line-height的值相同时：
此时的行间距为0

2.当font-size > line-height时：
此时的行间距为负数，即不同行的文字之间会出现重叠现象

3.当font-size < line-height时：
行间距 > 0

例如：
相应代码：

浏览器中显示的结果：

注意：id=“num1”中，font-size与line-height我使用的单位是 px，若使用 em的话浏览器的显示结果行间距不为0，这里就要去仔细了解一下单位px与em两者的具体含义、功能和区别以及它们之间的换算了。

line-height属性与font-size属性的关系相关推荐

HTML font 标签的 size 属性
规定文本的大小: <font size="5">This is some text!</font> 定义和用法 size 属性规定 font 元素中文本的尺 ...
html中font size默认值,HTML basefont size 属性
HTML size 属性 size 属性定义了HTML文档的字体大小,取值可以是数值或者相对值,值域为1-7,1最小,默认值为3,请参考下述示例: 实例规定页面上的默认字体大小: 这是一个标题这是 ...
python字体类型arial_python-3.x - 为什么我的font.name属性不影响使用Python-pptx制作的ppt上的字体？我总是得到arial字体 - 堆栈内存溢出...
因此,我正在尝试编写一些程序以使用Python将html转换为pptx. 我正在使用一些代码来解析文件,然后在运行级别设置文本格式. 我在空白幻灯片上使用2个文本框架来工作,第一个文本框架用于标题,第 ...
matplotlib的Text、FontProperties对象、字体（font）属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
字体font复合属性
目前自学HTML,CSS,JavaScript,以后会不定时更新学习笔记,和大家一起交流学习! 今天介绍一下字体font相关属性的连写属性名:font(复合属性) 取值: font:style ...
CSS3之size属性
width: 说明: 设置元素的宽度作用: width属性不包括填充,边框,或页边距常用值: (auto):默认值,浏览器会计算出实际的 ...
element select 自动展开_原生js 让select下拉框自动展开可用size 属性来代替展开动作...
找遍全网都没一个比较好的例子!!! 什么获得焦点事件,或者添加一个点击事件都不能使下拉框自动展开最后用标签的siz属性定义和用法 size 属性规定下拉列表中可见选项的数目. 如果 size 属性 ...
总结：实例化SqlParameter时，如果是字符型，一定要指定size属性，还有制定具体的类型...
源地址在csdn上逛看到了这篇帖子,值得学习,就需要记录下来,转载给大家看! 以前在实例化SqlParameter时,通常都是用下面的语句,没有设置size属性: new SqlParameter( ...
string[x]:size 属性具有无效大小值0
SqlParameter[] lists={new SqlParameter("@test",SqlDbType.VarChar),new SqlParameter("@ ...
[html] input元素size属性和width 的区别是什么？
[html] input元素size属性和width 的区别是什么? size:在MDN的定义:控件的初始大小.以像素为单位.但当type 属性为text 或 password时, 它表示输入的字符的 ...

line-height属性与font-size属性的关系

line-height属性与font-size属性的关系相关推荐

最新文章

热门文章