コード判定結果
コンテンツブロックなどが動作していないかご確認ください。
paizaの会員登録が必要です
#03:CSSのフォント指定を理解しよう
この動画を見るにはpaizaの会員登録が必要です
無料会員登録して始める実技課題 「テキストを太字にする」
右側のコードエリアの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」にしてください。
コードの実行をして、エラーが出なければ、演習課題クリアです！
期待する出力値
ここでは、Webページのテキストのサイズや種類をCSSで設定する方法について学習します。
・文字色color: white;
・文字の太さfont-weight: bold;
・文字のサイズfont-size: 120%;
・文字の種類font-family: serif;
CSS入門 ＞ フォント関係の指定方法
http://www.ink.or.jp/~bigblock/css/font.html
Font−familyのベストな書き方 2015年版 | それからデザイン スタッフブログ
http://sole-color-blog.com/blog/design/246/
[CSS]フォントサイズの指定方法の基礎知識からレスポンシブに適した指定方法まで
やさしく解説 | コリス
http://coliss.com/articles/build-websites/operation/css/css-font-sizing-by-ire.html