css字体高度设置 |css好看的按钮设计

字体高度的书写方法为：line-height；
其取值有三种：数字、百分比、normal；
数字型的意思是行高为字母x的高度，如：line-height:1.5；
百分比型的意思是基于浏览器的默认行高，如：line-height:150%;
normal型的意思是使用默认的行高，即1.2倍的字号高度。

在实际应用过程中，大家应该根据实际情况进行取值，下面给大家分享几个应用实例：

使用数字型设置字体高度：
p{
font-size: 20px;
line-height: 30px;
}
使用百分比型设置字体高度：
p{
font-size: 20px;
line-height: 150%;
}
使用normal型设置字体高度：
p{
font-size: 20px;
line-height: normal;
}

最后需要注意的是，在使用字体高度的时候，大家应该根据实际情况和美观需要进行选择。比如，在设计页面时，想要增加行间距的时候，可以选择较大的数字型值或者百分比型值；而在排版较为密集的页面中，一般选择normal型值即可。希望以上内容对大家有所帮助。