演習課題「テキストを太字にする」

右側のコードエリアのhtmlは、見出しとテキストを表示します。
headタグ上のstyleタグにスタイルを追加して、pタグのウェイト(font-weight)をboldにしてください。

コードの実行をして、エラーが出なければ、演習課題クリアです!

期待する出力値


演習課題「見出しのサイズを2倍にする」

右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、h1タグのサイズ(font-size)を400%にしてください。

コードの実行をして、エラーが出なければ、演習課題クリアです!

期待する出力値


演習課題「見出しのフォントをserifにする」

右側のコードエリアのhtmlは、「hello paiza」という見出しを表示します。
headタグ上のstyleタグにスタイルを追加して、h1タグのフォントの種類(font-family)を「serif」にしてください。

コードの実行をして、エラーが出なければ、演習課題クリアです!

期待する出力値


※paizaに会員登録すると無料で動画学習コンテンツをご利用いただけます
会員登録する

#03:CSSのフォント指定を理解しよう

ここでは、Webページのテキストのサイズや種類をCSSで設定する方法について学習します。