ＣＳＳでの文字サイズ指定について

質問

初心者なので、基本的なことを質問させていただきます。ＣＳＳでbodyに対して文字サイズを９０％で指定しています。そして、h1とかh2とかに例えば１２０％で文字サイズを指定ＣＳＳでした場合、bodyで指定した９０％のサイズに対して１２０％の大きさということになるのでしょうか？ということは、bodyに対して文字サイズ指定しなかった時より小さく見えてしまうということで間違いないのでしょうか？
そして、そもそもbodyに対して文字サイズ指定というのはあまりしないものなのでしょうか？
参考書を見ていても、基本的過ぎるのか書いてはいなくてよく分かりません。教えていただけるとありがたいです。どうぞよろしくお願いします。

回答No.2

leaz024 · ベストアンサー

> bodyで指定した９０％のサイズに対して１２０％の大きさということになるのでしょうか？

そうです。文字サイズを％で指定した場合、それは上位タグに設定されているサイズからの相対値になるので、ここでの h1 は body の 90% に対して 120%（つまり 108%）で表示されます。

> ということは、bodyに対して文字サイズ指定しなかった時より小さく見えてしまうということで間違いないのでしょうか？

はい、文字サイズが指定されない時は body は 100% となりますから、そういうことになります。

> そもそもbodyに対して文字サイズ指定というのはあまりしないものなのでしょうか？

そんなことはありません。
ページ全体の基本文字サイズを指定するのに、これより合理的な方法はありません。

> 参考書を見ていても、基本的過ぎるのか書いてはいなくてよく分かりません。

その「参考書」がCSS辞典などではなく実用解説書だとするならば、それは基本的過ぎて載っていないのではなく、著者が基本を理解しておらず書けなかったのでしょう。
技術系書籍にはその手の著者が多いので、あまり本を過信しないことです。技術系の掲示板などで質問した方が、よほど実用的な回答が得られるでしょう。

お礼

私の知りたかったことに１００％お答えいただき、大変助かりました！ありがとうございました！とても感謝しています。
確かに解説書を読んでいても、知りたいことが載っていなくて、本が高いだけにがっかりしてしまいます・・・。このサイト以外にもこういう技術系の質問に答えてくださるようなサイトがあれば、教えていただけるとうれしいです。よろしくお願いします。

回答No.4

leaz024

> このサイト以外にもこういう技術系の質問に答えてくださるようなサイトがあれば、教えていただけるとうれしいです。

調べればあるんでしょうが、このサイトのような管理されたところは残念ながら知りません。抵抗がなければ２ちゃんねるで聞くのも手です。
メーリングリストに参加するのもよいでしょう。

私ではアドバイスが難しいので、新しくそういう質問をしてみるとよいかも知れませんね。

お礼

ご回答をいただき、誠にありがとうございました！このサイトでleaz024さんのようにご親切に教えていただけて、満足しています。とても助かりました！！

回答No.3

quads

leaz024さんの仰られている通りですが、タグによってはbody指定を継承しないものもあります。
主なものはtable,th,tdでしょうか。
また、外部ファイルではページ内での規定値に優先度が負けてしまい継承されないこともあります。
ブラウザやドキュメントタイプの指定によって解釈は異なりますが。

>> そもそもbodyに対して文字サイズ指定というのはあまりしないものなのでしょうか？
> そんなことはありません。
> ページ全体の基本文字サイズを指定するのに、これより合理的な方法はありません。

本来はbody下に直接インライン要素を置くことはないのでブロック毎の指定(idセレクタ)が推奨されますが、そこまで厳密に守る必要はないですし、body要素で指定した方が効率が良いこともありますね。
しかしながら、複雑な入れ子になっていたり、相対指定が重なると理想通りの表示が難しくなります。

あまりページが多くないのであれば問題ないですが、ページが多かったりソースを改編する際にタグの包容が把握できないような状態になってしまうと不都合が出てくるかもしれません。
そういう意味ではbodyに対してはデフォルトのままにしておいたほうがいいかもしれません。
セレクタを使えば解消できますが…。。

参考書は…、書いてある内容を批判できるくらいの知識が付けられるように利用しましょう（誤爆
基本的な内容は正しいことが書かれていると思いますので、応用範囲に関してはleaz024さんの仰られるとおりですね。

ホームページ関連の掲示板を挙げておきます。掲示板直で何だか恐縮ですが…。
他にもありますが、私がよく回答をするところだけ…。

ホームページ作成 Q&A - ホームページ作りの質問掲示板
　http://www.hpj3.com/hpsupport/cbbs.cgi
TAG index/掲示板/総合質問板
　http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi
ホームページ質問掲示板
　http://bbs.j-ns.com/
1時間で作る質問BBS
　http://www.shoshinsha.com/cgi-bin/bbs_new/c-board.cgi?id=situmon
ホームページ作成全般
　http://hp.xrea.jp/lll/

# 利用される場合は最低限のことは守ってくださいね…。

ついでに…。

とほほのＷＷＷ入門
　http://www.tohoho-web.com/www.htm
HTMLクイックリファレンス
　http://www.htmq.com/
@nifty:ホームページ作りのフォーラム(FHPG)
　http://forum.nifty.com/fhpg/
スタイルシートデザインを始めたい方へ-WEB工房きくちゃん-
　http://www.stylish-style.com/
ODD
　http://odd.to/

# 素晴らしいサイトはたくさんあるのですが、多すぎて紹介しきれないので…。
# リンク先から更にリンクを辿っていろいろ渡り歩いて(?)みてください。
# 中途半端で恐れ入ります…。提示したHP管理人の方にも…；焦

お礼

とてもご親切に教えていただき、大変感謝しています。質問内容以上に、これから色々つくっていくのに参考になることを教えていただけてとてもうれしいです。色々ＨＰをのぞいて勉強したいと思います。どうもありがとうございました！！

回答No.1

katu0021

指定の優先順があります。
h1とかh2のようにの設定が一番高く　次は、ページ全体、外部ファイルの順です。

お礼

早々にご回答をありがとうございました。私の質問に言葉足らずのところがありました。全部外部ファイルなのでした・・・。