HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
Q&A
解決済
3回答
154閲覧
総合スコア10
0グッド
3クリップ
投稿2019/05/07 20:59
0
3
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答3件
ブラウザさんが**「こいつh1使っとるやん!目立つように親要素より大きくしとこ!」**ってやってくれてるんだな~ デフォルトスタイルととリセットCSSで検索すると良いですよ
投稿2019/05/07 21:15
総合スコア170
上位のHTML要素を引き継ぐならinheritを指定してください
CSS1<style> 2.wrap1{background-Color:yellow;} 3.wrap2{background-Color:lime;font-size:10px;} 4.wrap3{background-Color:aqua;font-size:10px;} 5.wrap3 h1{font-size:inherit;font-weight:inherit;margin:0px;line-height:1em;} 6</style> 7<div class="wrap1"> 8test 9<h1>test1</h1> 10test 11</div> 12<div class="wrap2"> 13test 14<h1>test2</h1> 15test 16</div> 17<div class="wrap3"> 18test 19<h1>test3</h1> 20test 21</div>
CSS
1<style> 2.wrap1{background-Color:yellow;} 3.wrap2{background-Color:lime;font-size:10px;} 4.wrap3{background-Color:aqua;font-size:10px;} 5.wrap3 h1{font-size:inherit;font-weight:inherit;margin:0px;line-height:1em;} 6</style> 7<div class="wrap1"> 8test 9<h1>test1</h1> 10test 11</div> 12<div class="wrap2"> 13test 14<h1>test2</h1> 15test 16</div> 17<div class="wrap3"> 18test 19<h1>test3</h1> 20test 21</div>
投稿2019/05/08 01:08
総合スコア114883
ベストアンサー
他の回答にもあるように、各ブラウザは、<h1>にデフォルトのCSSスタイルを持っていて、その多くは「2em」等、親要素のサイズを基にした単位設定があります。
なので、<div class="header-logo">に、フォントサイズを20pxで設定した場合、
HTML1.header-logo { 2 font-size: 20px; 3}
HTML
1.header-logo { 2 font-size: 20px; 3}
親要素が「20px=1em」として、そこから子要素の**<h1>により「2em」が掛かるため、2倍の「40px」**となります。
直接、「.header-logo h1」でフォントサイズを指定すれば、「2em」が上書き(打ち消し)されるので、指定値をそのまま表示します。
投稿2019/05/08 01:59
総合スコア3523
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.47%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
font-sizeプロパティについて
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。