<!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>