<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Css文本样式应用</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
letter-spacing: -5px;
}
p {
background: #f6f6f6;
height: 150px;
text-align: center;
line-height: 150px;
border: 1px blue solid;
}
.one {
font-size: 80px;
color: red;
font-weight: 700;
border: 1px blue solid;
line-height: 150px;
}
.two {
font-size: 40px;
color: gray;
text-decoration: underline;
letter-spacing: 0.5em;
border: 1px blue solid;
line-height: 150px;
}
.three {
font-size: 80px;
color: gray;
font-style: italic;
border: 1px blue solid;
line-height: 150px;
}
</style>
</head>
<body>
<p>
<span class="one">慕课网</span>
<span class="two">只学有用的</span>
<span class="three">！</span>
</p>
</body>
</html>
这些文字的行高设置的和背景一样都是150px.为什么在网页里显示不是这样
兼容并包
慕的地6079101
慕沐3320448
慕沐4049225