行間隔の開け方

Question

・スタイルシート #line1 { line-height: 150%; } ・本文

あ
い
う

な

にぬ

以上を実行してみたら、「な・に・ぬ」のテーブルのほうでは、

の命令が実行されていないようです。何でか分からなかったので、直接行間隔を変えてみようと思い

な

に

ぬ

と書き換えてみたら、今度は物凄く間隔が開いてしまいました。上のコマンドと「あ・い・う」のコマンドは、テーブルタグの中の行間隔を１５０％にする。という同じ意味合いだと思ったのですが、なんでこんなに結果が変わってしまったのでしょうか。また、「あ・い・う」と「な・に・ぬ」の行間隔を同じにする方法を教えてください。（cellpadding　とか、原因とは関係なさそうなコマンドは、簡略化のため割愛させていただきました）

abril · Accepted Answer

> ・スタイルシート > #line1 { line-height: 150%; } これは既に他の回答者の方達がご指摘の通りidセレクタであり、id属性に対するスタイル定義となってしまいますので、同一ファイルの複数箇所に渡って適用したいのであれば、classセレクタかある特定のタグに対するセレクタを使用されるのが適切です。前者の記述の仕方は他の方が書かれていますので省略しますが、後者の場合について。例えばこの行間を

内の全てのテキストに適用したいのであれば、 ---------------------------------------------------------------------- p { line-height: 150%; } ---------------------------------------------------------------------- という定義をCSSで設定しておけば、HTML側は単に ---------------------------------------------------------------------- （省略）

あ
い
う

（省略）

な
に
ぬ

---------------------------------------------------------------------- とマークアップするだけでどちらにもスタイルが適用されます。ただ、CSSもそうですがそれ以前にHTMLのマークアップがかなり滅茶苦茶です。

な

に←

の中にはインライン要素しか入れ子にできません。

はブロック要素ですので不可です。ぬ

な

←「

（パラグラフ）段落」の後に「
（ブレーク）改行」というマークアップもかなり妙です。パラグラフとパラグラフの間を空けたいのなら、上下方向のmarginプロパティで設定するのが妥当です。とりあえず、CSSは勿論ですが、まずHTMLの正しいマークアップの仕方をきちんと学ばれるところから初めて下さい。CSS関連の質問では実はHTMLのマークアップの方にも問題がある、というケースがどうも少なくない様ですので…。それから、「コマンド」という言葉を乱用されていますが、この場合妥当な言い回しではありませんのでご注意を。

_ranco_ · Answer

いろんなものに名前を付けるときは、idじゃなくてclass。
‘に’に関しては<CENTER class="line1">とする。
classは#じゃなくて.で参照する。

DrFell · Answer

基本を大きく逸脱しているからでない？

つまみぐいの限界ってやつ。ｃｓｓの基本を学んだ方がいいよ。

行間隔の開け方

> ・スタイルシート

いろんなものに名前を付けるときは、idじゃなくてclass。

基本を大きく逸脱しているからでない？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング