CSS中的line-height&height

疑问：line-height与font-size存在什么关系呢，line-height与所属元素的height又有什么联系呢？

基本概念

line-height：文本行基线的垂直距离
行距：上行的底线和下一行顶线之间的距离就是行距
height：height属性设置的高度
font-size：同一行顶线和底线之间的距离是font-size的大小

line-height与font-size的关系

当font-size等于line-height时行距 = line-height-font-size = 0

 div p{
        font-size:60px;
        line-height: 60px;
        background: #FF6666;
    }

    
111
11212

而当font-size大于line-height时，则会出现行距为负值，则两行重叠

 div p{
        font-size:120px;
        line-height: 60px;
        background: #FF6666;
    }

line-height与height关系

如果不设置div的高度时，是div的font-size决定了div的高度还是line-weight的值？是line-height

     *{
            margin: 0;
            padding: 0;
        }
    div p{
        font-size:60px;
        line-height: 0px;
        background: #FF6666;
        border:1px solid black;
    }

可以从右侧看出，content高度为4px，即div中两个p标签形成的盒子的border上下加起来形成的高度。并没有将font-size的高度包含其中。

div的height与line-height的大小关系不同时，会有什么显示结果呢？
（1）height = line-height时 字体垂直居中显示

（2）height>line-height时

（3）height