演習課題「を太字にする」

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

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

期待する出力値

hello paiza


世界の皆さん、こんにちは


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

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

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

期待する出力値

hello paiza



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

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

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

期待する出力値

hello paiza


※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む

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

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