行高

作者: child_cool | 来源:发表于2018-04-24 22:29 被阅读13次
/*行高

        文字属性
        行高=文字大小+上间距 + 下间距

        默认行高18px
        默认文字大小16px

        可以设置文字在垂直方向中的间距
        让文字在容器中垂直居中

        文字大小可以改变行高
        字体样式也可以改变行高

        单位
        px em 百分比 不带单位
        */
        div {
            width: 300px;
            height: 300px;
            background-color: red;
            line-height: 300px;
        }


        /*如果给父元素设置行高,子元素行高的特点

        推荐使用px单位
        父元素行高单位  子元素行高

        px              父元素的行高
        em              父元素行高*父元素文字大小
        百分比         父元素行高*父元素文字大小
        不带单位            父元素行高*子元素文字大小
        */

相关文章

  • 再看 line-height

    如果没有字体,只设置行高 块级元素设置行高 内联元素设置行高 行内块元素设置行高 行高起作用的前提是有文字存在 ,...

  • CSS基础<三>

    1. 行高 行高的定义行高是基线与基线之间的距离行高=文字高度+上下间距浏览器默认文字大小:16px一行文字行高和...

  • 行高

  • 行高

    行高(line-height):包括内容区与以内容区为基础对称拓展的空白区域,我们称之为行高。一般情况下,也可以认...

  • 弟子之规人生之范(六十一)

    <一>原文 行高者,名自高; 人所重,非貌高。 <二>注音 <三>注释 行高者 行:品行,品德。高:高尚。 ...

  • html-3

    一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...

  • 写静态页面如何量高度

    行高的计算公式 line-height行高的计算方式是:行高 = line-height - font-size;...

  • CSS总结笔记(三)

    一、行高和字号 1.1 行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而...

  • CSS基础之行高和字号,超链接美化,backgroud系列属性

    1.行高和字号 1.1行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是...

  • html 块级元素 行内元素 行内块

    一、块级元素 特点:★独占一行★可以设置宽高 //个人理解:独占一行意味一定有行高,所以可以设置行高★没有定义...

网友评论

      本文标题:行高

      本文链接:https://www.haomeiwen.com/subject/ysmslftx.html