外部CSSの書き方について

[新着] Webテンプレートを仮オープンしました



0   名前: 緑茶 : 2007/01/20(土) 02:10  ID:eBdRkn2n
おはようございます。いつもお世話になっております。

<H1>タグ使用時に改行されてしまう点についてです。
暫く前から自力でやってみようとしたものの、どうしても上手くいきません。
以下に外部CSSのコードを記します。

h1{ font-size:12px;
margin:0px
padding:0;
}

また、HTMLファイル内で
<link href="abcd.css" rel="stylesheet" type="text/css">
と<head></head>間に書いております。

どの部分を間違えているのか全く分からない状態です。
どうぞ、宜しくお願いいたします。

1   名前: 船津 : 2007/01/20(土) 02:10  ID:6dDwLiR0
そもそもそういうものです。

2   名前: Newのり太 : 2007/01/20(土) 02:10  ID:o6rFb4EC
http://www.kanzaki.com/docs/html/element-level.html

3   名前: 緑茶 : 2007/01/20(土) 02:10  ID:eBdRkn2n
お返事ありがとうございます。
外部CSSではmargin:0pxとしても<h1>タグ使用時に改行されてしまうのでしょうか。
Newのり太様のリンク先を読んでも、知識不足からよく分からない状態です。

4   名前: Newのり太 : 2007/01/20(土) 02:10  ID:o6rFb4EC
|ブロックレベル要素は、ブラウザでの表示に際しても
|ひとつの「ブロック(通常改行を伴う表示上のまとまり)」として扱われます。

外部cssであろうとなかろうと、
ブロックレベル要素であるh1要素の前後には通常改行が入ります。
改行をなくしたい場合は、display:inline; でインライン要素として表示させるなり、
floatさせるなりすればいいのではないかと思います。

5   名前: Newのり太 : 2007/01/20(土) 02:10  ID:o6rFb4EC
個人的には、見出しは独立して(改行されて)いる方が
閲覧者にはそこが見出しであると分かりやすいと思います。

6   名前: 緑茶 : 2007/01/20(土) 02:10  ID:eBdRkn2n sub-Q5
お返事が遅れてしまい、大変失礼いたしました。

Newのり太様
>外部cssであろうとなかろうと、
そうでしたか、これは防げないものだったのですね。
display:inline;等を参考にチャレンジしてみます。

ありがとうございました。

一覧へ戻る