2017-01-22 8 views
0

Ich schrieb den folgenden CodeRaum zwischen Überschrift und Leinwand

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

Warum gibt es immer noch Raum zwischen Hallo und Leinwand, wenn ich bereits alle padding und margin Null für jedes Element gemacht? Ich bin verwirrt über dieses Ding.

Und ich habe über Inline-und Block-Elemente kennen gelernt und ich nutzte sie, aber keinen Nutzen, löschten sie den Raum zwischen zwei Leinwand Element, wenn ich sie block, aber ich hatte keine Ahnung, wie funktionieren sie?

Wenn Sie etwas falsch in dieser Frage finden Sie bitte kommentieren, und ich werde es korrigieren, ich lerne immer noch Wege dieser Website.

Update Wie Leute zeigen, dass es Zeilenhöhe ist, können Sie Beispiel in Ihrer Antwort einschließen und erklären, was es bedeutet?

+1

wahrscheinlich Zeilenhöhe? – philipp

+0

Bitte beantworten Sie die Frage mit ausreichenden Informationen. und was ist mit Zeilenhöhe? –

+0

das ist eine CSS-Eigenschaft. Manchmal, mit so manchen Schriftarten, hilft es. – philipp

Antwort

1

Zwischen Hello und Canvas ist kein Platz vorhanden. Es ist nur die Zeilenhöhe der Schriftart.

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

line-height: 50%;

Oder Sie für eine andere Schriftart suchen. (mit nur Großbuchstaben)

Font erklärt: http://www.noupe.com/essentials/icons-fonts/a-crash-course-in-typography-the-basics-of-type.html

+0

Können Sie erklären, welche Zeilenhöhe ist? –

+0

Es ist der Abstand zwischen Zeilen in Absätzen. Schau dir diese Seite an: http://www.noupe.com/essentials/icon-fonts/a-crash-course-in-typypography-the-basics-of-type.html – spikerola

+0

Hast du es verstanden? – spikerola

Verwandte Themen