<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>字体其他样式样式</title>
<style type="text/css">
/*
在CSS中并没有为我们提供一个直接设置行间距的方式
我们只能通过设置行高来间接的设置行间距，行高越大行间距越大
使用line-height来设置行高
行高类似于我们上学单线本，单线本是一行一行，线与线之间的距离就是行高。
网页中的文字实际上也是写在一个看不见的线中，而文字会默认在行高中垂直居中显示
行间距 = 行高 - 字体大小
*/
.p1{
list-style: 25px;
font-size: 20px;
/*
通过设置line-height可以间接的设置行高
可以接受的值：
1、直接就收一个大小
2、可以指定一个百分数，则会相对于字体去计算行高
3、可以直接指定一个数值，则行高会设置字体大小相应的倍数
*/
}
.box{
width: 200px;
height: 200px;
background-color: #bbffaa;
/*
对于单行文本来说，可以将行高设置为和父元素的高度一致
这样可以是单行文本在父元素中垂直居中
*/
line-height: 200px;
}
.p2{
line-height: 50px; /* 会被后面font中的默认值覆盖，可以写在font中或者font后 */
/*
在font中也可以指定行高
在字体大小后可以添加/行高。来指定行高，该值是可选的。如果不指定则会使用默认值
*/
font:30px "微软雅黑";
}
</style>
</head>
<body>
<p class="p1">
我们的第一次见面，恰逢我30岁生日，在广州火车站旁边的小宾馆。当然，我拽上了老婆保护我，毕竟是“勾搭”了那么久的网友约会，谁知道会发生点儿啥。当时，琢磨先生以“郭城”的身份来广州讲课，主办方给他安排的那个住处最多一星半级，我打抱不平：“这怎么行？他可是著名的琢磨先生呀！”于是，自掏腰包，请他住了个五星级酒店，从此在他心中结结实实地扎下了研究财经的都有钱、任性这一刻板印象，也是为了诱骗他进入财经江湖而打响的第一枪。其实，彼时的我在广州还买不起房，正望“房”兴叹呢！认识我之前，他是发明了“四大名著”假想微博体的超级网红“琢磨先生”，众多明星大咖都是他的忠实粉丝。同时，他也是从业多年的资深企业培训师“郭城”，在这个领域已经做到了金字塔的最顶端，他的课往往要提前半年才能约到。但他一直感慨并纠结于自己在线上和线下两个世界身份的断裂。
</p>
<div class="box">
<a href="#">我是一个超链接</a>
</div>
<p class="p2">
我们的第一次见面，恰逢我30岁生日，在广州火车站旁边的小宾馆。当然，我拽上了老婆保护我，毕竟是“勾搭”了那么久的网友约会，谁知道会发生点儿啥。当时，琢磨先生以“郭城”的身份来广州讲课，主办方给他安排的那个住处最多一星半级，我打抱不平：“这怎么行？他可是著名的琢磨先生呀！”于是，自掏腰包，请他住了个五星级酒店，从此在他心中结结实实地扎下了研究财经的都有钱、任性这一刻板印象，也是为了诱骗他进入财经江湖而打响的第一枪。其实，彼时的我在广州还买不起房，正望“房”兴叹呢！认识我之前，他是发明了“四大名著”假想微博体的超级网红“琢磨先生”，众多明星大咖都是他的忠实粉丝。同时，他也是从业多年的资深企业培训师“郭城”，在这个领域已经做到了金字塔的最顶端，他的课往往要提前半年才能约到。但他一直感慨并纠结于自己在线上和线下两个世界身份的断裂。
</p>
</body>
</html>
1205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
