为了账号安全,请及时绑定邮箱和手机立即绑定
  • line-height: 1.5,line-height:150%,line-height: 1.5em三者有什么区别? 在计算结果上,【没有区别】,都是根据font-size来计算的,font-size = 20px,则line-height = 30;
    查看全部
  • line-height支持的属性值有:normal,<number>,<length>,<percent>,inherit; line-height: normal;默认值,由浏览器决定,且与元素字体关联;比如firefox和chrome的值是不一样的,在【chrome】浏览器下,“微软雅黑”的normal行高值约为1.32,“宋体”的normal行高值约为1.14 line-height: inherit;【input】框等元素默认行高是normal,使用inherit可以让文本框样式可控性更强input{line-height:inherit;}
    查看全部
  • 一'两行基线之间的距离 什么是基线 为什么是两行 为什么要两行
    查看全部
  • 行高的组成;
    查看全部
  • line-height的表现是由内容区域(选中后蓝色背景区)和行间距决定的,宋体环境下,内容区域的高度就等于字体像素大小(其他字体没这个特性)。行间距的值可大可小、可正可负,它存在的理由就是使前面的等式成立。
    查看全部
  • 行内盒子模型: 内容区域,一个围绕文字看不到的盒子,相当于鼠标选中时候的区域,与font-size有关。 内联盒子,不会让内容成块显示,而是排成一行inline,如果是光秃秃的文字,则属于匿名内联盒子。 行框盒子,每一行都是一个行框盒子,由内联盒子组成——如果换行就相当于是两个行框盒子。 包含盒子,由一行一行的行框盒子组成
    查看全部
  • 元素高度不是由文字撑开的 内联元素的高度是由行高决定的,但是其实行高只是幕后黑手,高度的表现不是行高,而是内容区域和行间距,只不过正好内容区域加行间距等于行高。 内容区域的高度只与字号以及字体有关,在宋体下,内容区域的高度等于文字大小值。
    查看全部
  • Simsun字体下: font-size + 行间距 = line-height;行间距可正可负,其作用就是为了保证两行之间的高度正好等于行高(line height)
    查看全部
  • 内容区域 + 行间距 = 行高
    查看全部
  • 包含盒子(containing box):每个包含盒子由一个个行框盒子所组成;如<p>标签内有⑤行,那么<p>标签的包含盒子就是由⑤个行框盒子所构成的!
    查看全部
  • 行框盒子(line boxes):每一行就是一个行框盒子,如果比如说P标签里有换行,那么这就是有两个行框盒子;每个【行框盒子(line boxes)】是由一个一个的【内联盒子(inline boxed)】所组成
    查看全部
  • 内联盒子(inline boxes)让内容排成一行,如果文字外部含有内联元素的标签,如span em a等等,则称其【内联盒子】;如果文字外部没有任何标签,则称为【匿名内联盒子】
    查看全部
  • 内容区域(content area):content area围绕着文字且无法被捕捉;内容区域的高度只与font-family和font-size有关,与line-height无关,在Simsun字体下,内容区域的高度等于font-size
    查看全部
  • line-height可以让单行文字【垂直】居中,但只是近似垂直居中,并且受字体大小font-size的影响,如果font-size的值很大,则并不会【垂直】居中
    查看全部
  • 微软雅黑的字体基线相对于其他字体,比如宋体、Arial来说要低
    查看全部

举报

0/150
提交
取消
课程须知
学习本课程的同学一定要熟悉html代码,了解css属性。对CSS特性没有任何了解的同学需要先认真学习完CSS基础课之后再尝试学习本课程。
老师告诉你能学到什么?
line-height的定义、line-height与行内框盒子模型、line-height的高度机理、line-height的各类属性值、line-height与图片的表现,以及实际应用经验分享。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!