h1タグの余白

質問

h1タグを使うと文字が大きくなり、周りの余白もできてしまいますが、ＣＳＳで解消できることが調べてわかりました。

ところが、外部ファイルの記述でマージンをh1 { margin:0px; }としても下の余白はなくなるのですが、上の余白が１行改行されています。

ソースをみても問題はないように見えるのですが、どなたかお分かりの方がいらっしゃいましたらお願いします。

回答No.3

po0O0oq · ベストアンサー

もう見てないかもしれませんが...。

h1 {position:absolute; top:0px}

解説すると、{座標を指定：座標の絶対値で指定；その要素(h1)の上端から指定；0px}
"position"は、「これぞCSSの醍醐味!」と言えるものだと思います。（使い方はぐぐってくださいね）
あとHTMLのカテゴリーに質問した方が良かったかもしれませんね。

[positionの使用例]

<div style="width:200px;height:200px;background-color:blue;position:absolute;top:100px;left:50%">
<p>あああああ</p>
</div>

*styleじゃなくて本当はclass属性を使った方が良いかも

お礼

遅ればせながらありがとうございました。

回答No.2

flowermaze

body要素のマージンは0に指定していますか？　bodyもブラウザの初期設定でマージンがとられています。

お礼

ありがとうございます。
bodyもゼロです。
何かが作用しているとは思うのですが分かりません。
あきらめることにしました。

回答No.1

ygs438

おはようございます。

"line-height: 0px"を追加すればよいかと思います。

お礼

ありがとうございます。
やってみたのですが、余白はなくならずに文字が下半分切れてしまいました。
あきらめることにします。