【发布时间】：2017-01-23 03:08:40
【问题描述】：
我写了以下代码
.bluecolor{background-color : skyblue;}
canvas{width: 100pt;margin:0px;border: 5px solid;}
h1{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
<html>
<head>
<title>Hello World</title>
</head>
<body>
<h1>Hello</h1>
<canvas id = "canvas1" class = "bluecolor"></canvas>
</body>
</html>
为什么 Hello 和 Canvas 之间还有空间，当我已经为每个元素设置了每个填充和边距为零时？我对这件事感到困惑。
我开始了解内联和块元素，我使用它们但无济于事，当我将它们设置为块时，它们删除了两个画布元素之间的空间，但我不知道它们是如何工作的？
如果您在此问题中发现有问题，请发表评论，我会更正，我仍在学习本网站的方法。
更新 正如人们指出它是 line height ，您能否在答案中包含示例并解释它的含义？
【问题讨论】：
-
可能是行高？
-
请用充分的信息回答问题。那么行高呢？
-
这是一个 CSS 属性。有时，有这么一些字体，它会有所帮助。
-
@philipp 你能解释一下吗？
-
我可以，但是隐藏的解释是字体的构成方式。所以总而言之，a »g« 向下越过基线，a »B« 可以越过，
line-height有点像 »save bounding box«，它应该完全显示所有字形。但这可能会产生差距。所以它取决于字体，即使它是标准字体，比如 »Helvetica«
标签： html css spacing letter-spacing border-spacing