1）浏览器默认文字大小为16px
3）默认行高line-height：18px
2）行高=文字大小+上间距+下间距
4）行高也等于两条基线之间的距离
Paste_Image.png
5）行高等于父容器的高就会让文字居中显示，因为要换算一下上下间距。
行高单位：
Paste_Image.png
div{
height: 100px;
width: 100px;
background-color: pink;
font-size: 10px;
line-height: 100px;
}
6）继承关系
<head>
<meta charset="utf-8">
<style type="text/css">
.one{
font-size: 20px;
line-height: 2;
}
.two{
font-size: 30px;
}
</style>
</head>
<body>
<div class="one">
<div class="two">
文字
</div>
</div>
</body>
Paste_Image.png
网友评论