前提・実現したいこと
全てのHTML要素のフォントサイズを16pxとしたいのですが、
上手くいきません。
発生している問題・エラーメッセージ
ルート要素(html要素)に「font-size: 62.5%;」を指定して、
body要素にはデフォルトのフォントサイズ
「font-size: 1.6em;」を指定しました。
そのため、要素にフォントサイズを指定しなかった場合
すべて16pxになるかと思うのですが、
なぜかすべての要素が24pxになってしまいます。
この原因は何でしょうか。ご存じの方、教えていただけますでしょうか。
該当のソースコード
HTML5
1<!doctype html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>サンプルページ</title> 7 <link href="style.css" rel="stylesheet"> 8 </head> 9 <body> 10 <h1>ステップ1</h1> 11 <main> 12 <section> 13 <h3>タイトル1</h3> 14 <p>概要</p> 15 <ul> 16 <li>○○の仕方</li> 17 <li>注意点</li> 18 </ul> 19 </section> 20 </main> 21 </body> 22</html>
CSS3
1* { 2 margin: 0; 3 padding: 0; 4} 5 6html { 7 font-size: 62.5%; 8} 9 10body { 11 font-size: 1.6em; 12} 13 14h1,h2,h3,h4,h5,h6 { 15 font-weight: normal; 16 font-size: 100%; 17}
あなたの回答
tips
プレビュー