• 受付
  • 困ってます

HTMLの構造

  • 質問No.9633988
  • 閲覧数91
  • ありがとう数2
  • 気になる数0
  • 回答数2

お礼率 89% (140/156)

HTML初心者です。
テキストでHTMLの構造が
<html>
<head>
</head>
<body>
<header>
</header>
<main>
</main>
<footer>
</footer>
</body>
</html>
となっているのに対して、
スタイルシートは、
html, body {
font-size : 16px ;
color : black ;
}
となっているのを見ましたが、このスタイルシートは、
html {
font-size : 16px ;
color : black ;
}
ではだめなのでしょうか。
一番外側であるhtmlタグを指定すれば、
bodyタグ内もすべて含むのではないのでしょうか。
よろしくお願いいたします。

回答 (全2件)

  • 回答No.2

ベストアンサー率 58% (344/585)

「すべて含む」かどうかは、そのときのスタイルによって異なります。今回のようにfont-sizeとcolorだけであれば、

html {
font-size : 16px ;
color : black ;
}

でもいいかと思います。

ただし、スタイルシートにはスタイルを継承するものと継承しないものとがあります。たとえば、文字の大きさや色などは、一度指定すると内側の要素まで継承されることが多いです。そのため、<html>などといった外側の要素にスタイルを指定することで、内側の要素にまで一気にスタイルを指定することができます。

いっぽう、marginやpaddingなどといったスタイルは、基本的には継承されません。たとえ<html>に指定したとしても、その内側にある<header>や<main>などには受け継がれないことになっています。そのため<html>だけでなく、あらためて<header>や<main>などにも、marginやpaddingを指定しなおさなければなりません。

下記のサイトにくわしい説明が載っています。
  • 回答No.1

ベストアンサー率 44% (227/515)

良いかとおもいます。
お礼コメント
snshtml

お礼率 89% (140/156)

そうですか。ありがとうございます!
投稿日時:2019/07/11 07:01
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ