みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

HTMLの構造

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タグ内もすべて含むのではないのでしょうか。
よろしくお願いいたします。

投稿日時 - 2019-07-10 20:32:03

QNo.9633988

困ってます

質問者が選んだベストアンサー

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

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

でもいいかと思います。

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

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

下記のサイトにくわしい説明が載っています。

参考URL:http://www.htmq.com/csskihon/008.shtml

投稿日時 - 2019-07-14 11:28:03

お礼

お礼が遅くなり申し訳ありません。詳しくありがとうございました!

投稿日時 - 2019-07-25 06:32:12

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

良いかとおもいます。

投稿日時 - 2019-07-11 00:54:29

お礼

そうですか。ありがとうございます!

投稿日時 - 2019-07-11 07:01:21

あなたにオススメの質問