忍者CODE

ログイン

34
pxを指定せずfont-sizeを変更しよう

PHPの問題

HTML_CSS

Googleでログイン Twitterでログイン
問題
pxを使わずfont-sizeを指定しましょう!
pタグの文字の大きさをpxを指定せず16pxにしましょう。
見本画像を参考にしてCSSに記述し実装してください。
自分の環境に書くコード
            <p>この文字をpxを指定せず16pxにしてください。</p>
<style>
    html {
        font-size: 20px;
    }
</style>
¥HTML¥
          
期待する画面
ログインして解答を見る
コードのアイコン

解答ソースコード

            <p>この文字をpx指定せず16pxにしてください。</p>
<style>
  html {
    font-size: 20px;
  }
</style>
¥HTML¥
          
            p {
    font-size: .8rem;
}
¥CSS¥
          
答えのアイコン

解説

今回のfont-sizeの指定はremを指定しましょう。

remはhtmlタグに指定されたものを基準としており
今回の場合であればhtmlタグに20pxが指定されているので 1rem = 20px となる。

またhtmlタグにfont-sizeの指定がない場合は
標準サイズである16pxが1remとなります。
1.HTMLの宣言をしてみよう
続きの動画を見たい方は公式LINEから「HTML」と送信すると動画が見れます。
コース一覧のアイコン

有料コース一覧
甲賀KOGA

プログラミングスキルが
一気に上がる!
有料級の解説動画19本
を今なら無料でGETできる!

忍者CODEの公式LINE登録後
LINE内にあるURLよりご覧になれます

  • プログラミング本気で学習してる方
  • もちろん完全無料で且つ手続き不要
  • 将来プログラミングで稼ぎたい方
  • 動画解説で真剣に学びたい方
スキルアップ動画をGET