<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/*
* 在CSS中并没有提供我们一个直接行间距地方式
* 我们只能通过设置行高来间接地设置间距，行高越大行间距越大
* 使用line-height来设置行高
*
* 行高类似于我们单线本，单线本是一行一行，线与线之间地距离就是行高
*
* 行间距=行高-字体大小
*/
.p1{
font-size: 20;
/*
* 通过设置line-height可以间接地设置行高
* 可以接收地值：
* 1.直接就收一个大小
* 2.可以指定一个百分数，则会相对于字体去计算行高
* 3.可以直接传一个数值,则行高会设置字体大小相应地条件
*
*/
/*line-height: 50px;*/
/*line-height: 200%;*/
line-height: 7;
}
.box{
width: 200px;
height: 200px;
background-color: red;
line-height: 200px;
}
/*
* 对于单行文本来说，可以将行高设置为和父亲地高度
* 这样可以是单行文本在父元素中地最居中
*/
.p2{
/*
* 在font中也可以指定行高
* 在字体后可以添加/行高，来指定行高，该值是可以选的，如果不指定则会使用默认值
*/
font: 30px/50px "微软雅黑";
}
</style>
</head>
<body>
<p class="p2">
桃姐，原籍台山人，自幼家贫，出生不久即被人收养
养父在日军侵华时期被杀害，养母无力再照顾她
辗转之下，就把她安排到梁家做家佣
自十三岁起，桃姐先后照顾过梁家四代人，共六十多年
如今桃姐已经70多岁了，虽然体弱多病，但她依然勤劳敬业
每天都细致入微地照顾罗杰的生活起居
罗杰的家人都已移居美国，他则是为了工作原因留在了香港
</p>
<div calss="box">
<a href="#">我是一个超链接</a>
</div>
<p class="p1">
桃姐，原籍台山人，自幼家贫，出生不久即被人收养
养父在日军侵华时期被杀害，养母无力再照顾她
辗转之下，就把她安排到梁家做家佣
自十三岁起，桃姐先后照顾过梁家四代人，共六十多年
如今桃姐已经70多岁了，虽然体弱多病，但她依然勤劳敬业
每天都细致入微地照顾罗杰的生活起居
罗杰的家人都已移居美国，他则是为了工作原因留在了香港
</p>
</body>
</html>
版权声明：本文为chen_zan_yu_原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。