0

我写了以下代码

.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 ,您能否在答案中包含示例并解释它的含义?

4

1 回答 1

1

Hello和之间没有空格Canvas。这只是字体的行高。

https://css-tricks.com/almanac/properties/l/line-height/

line-height: 50%;

或者你可以寻找另一种字体。(只有大写)

字体解释:http ://www.noupe.com/essentials/icons-fonts/a-crash-course-in-typography-the-basics-of-type.html

于 2017-01-22T18:08:27.460 回答