Расстояние между заголовком и Canvas

Я написал следующий кодРасстояние между заголовком и Canvas

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

Почему все еще Пространство между Привет и Canvas, когда я уже сделал все отступы и поля нулевой для каждого элемента? Я смущен этой штукой.

И я узнал о встроенных и блочных элементах, и я использовал их, но не помогло, они удалили пространство между двумя элементами холста, когда я их блокировал, но я не знал, как они работают?

Если вы видите что-то не так в этом вопросе, прокомментируйте, и я исправлю его, я все еще изучаю способы этого сайта.

Обновление Как люди указывают, что это высота линии, можете ли вы привести пример в свой ответ и объяснить, что это значит?

источник

2017-01-22 Anonymous

Возможно, линия-высота? – philipp

Пожалуйста, ответьте на вопрос адекватной информацией. и как насчет высоты линии? –

Это свойство css. Иногда, с такими некоторыми шрифтами, это помогает. – philipp

Пробег: 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-22 18:08:27 spikerola

Можете ли вы объяснить, что такое высота линии? –

Это расстояние между строками в параграфах. Посмотрите на эту страницу: http://www.noupe.com/essentials/icons-fonts/a-crash-course-in-typography-the-basics-of-type.html – spikerola

Вы поняли это? – spikerola

Расстояние между заголовком и Canvas

ответ

Смежные вопросы