0

h2 を h1 のすぐ下に配置しようとしていますが、巨大なギャップ/スペースが作成されているようです。これを回避する特定の方法はありますか、それともコーディングのエラーですか? ありがとうございました。

サイトへのリンク: http://younani.com/armen/musicindex.html

HTML:

<!DOCTYPE html>
<html lang="en">
<head>

    <title>Armens website</title>
    <meta charset="utf-8">
</head>
<body>
<div class="clearfix" id="container">
<p><link rel="stylesheet" href="armen.css" /></p>
<h1><i>Four To The Floor</i></h1>
<h2>Artist Management &amp; Events</h2>
<p></p>
<h3>&ldquo;It&rsquo;s not where you take things from,<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; it&rsquo;s where you take them to.&rdquo; <br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - Jean-Luc Godard</h3>
<div id="footer">
<p>Armen Sarkisian &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="mailto:fttfmusic@gmail.com">fttfmusic@gmail.com</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="http://www.fttfmusic.com/">www.fttfmusic.com</a></p>
</div>
</div>
</body>
</html>

CSS:

h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 70px;
text-align: center; }

@font-face {
    font-family: 'ballparkweiner';
    src: url('ballw___.eot');
    src: url('ballw___.eot?#iefix') format('embedded-opentype'),
         url('ballw___.woff') format('woff'),
         url('ballw___.ttf') format('truetype'),
         url('ballw___.svg#ballparkweiner') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2 {text-align: center; font-size: 40px; color: #FFFFFF; font-family: Cambria;}

body {background-color: #000000;}

h3 {text-align: center; color: #FFFFFF; }

#footer { font-weight: bold; text-align: center; font-family: Audimat;
    clear: both; width:48%;
        border-radius: 8px;
        background-color:black;
        text-align:center; margin-right:auto;
        margin-left:auto; color: #FFFFFF; }
4

4 に答える 4

5

h*ブラウザーの要素には、かなり大きなデフォルトの上下マージンがいくつかある傾向があります。具体的には、より小さな値、さらにはゼロに設定することができます:

h1, h2 {
    margin-top: 0;
    margin-bottom: 0;
}

もちろん、これらのルールを特定のヘッダーに適用できます。

于 2013-04-09T04:32:11.053 に答える
3

これを css に追加します。

h1, h2 {
    margin: 0px;
}
于 2013-04-09T04:32:26.943 に答える
2

とのmarginです。CSS でそれらを調整します。h1h2

h1, h2 {margin: 0;}
于 2013-04-09T04:32:16.213 に答える