DW字的行高与间距

最新推荐文章于 2023-02-28 10:28:56 发布

Argonaut春

最新推荐文章于 2023-02-28 10:28:56 发布

阅读量5.5k

点赞数

分类专栏： HTML和CSS外加JavaScript自学历程文章标签： html 前端 css

本文链接：https://blog.csdn.net/Argonaut_/article/details/121512904

版权

HTML和CSS外加JavaScript自学历程专栏收录该内容

84 篇文章

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间距与行高案例</title>
<style>
.one{
	font-size:16px;
	line-height:18px;
}
.two{
	font-size:12px;
	line-height:2em;
}
.three{
	font-size:14px;
	line-height:150%;
	color:blue;
}
</style>
</head>
<body>
<p class="one">段落一：使用像素px设置line-height。该段落字体大小为16px。line-height属性值为18px。</p>
<p class="tow">段落二：使用相对值em设置line-height。该段落字体大小为12px，line-height属性值为2em。</p>
<p class="three">段落三：使用百分比设置line-height。该段落字体大小为14px，line-height属性值为150%。</p>
</body>
</html>