【エクササイズ】CSSを使ってブログページのスタイルを整える

課題
  • CSSの初級編・中級編で学習した知識を使ってブログページのスタイルを整える
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴールです

課題内容は以下の課題レポジトリのURLに記述しています。

課題レポジトリ

GitHub : css_excercise_for_intermediate_part_3

課題をクリアして、CSS初級編と中級編で学習した内容を定着させましょう。

課題解決するために参考になる資料

CSSで色を設定するやり方を知る

https://tsuyopon.xyz/learning-contents/web-dev/css/how-to-set-color-in-css/

上の記事で色の指定方法を学習しました。

色の指定方法を忘れてしまった場合は上記記事で復習しましょう。

CSSのbackgroundとborderを理解する

https://tsuyopon.xyz/learning-contents/web-dev/css/understand-background-and-border-in-css/

上の記事で色のボーダーの作り方、背景色のセット方法を学習しました。

ボーダーと背景色のセット方法を忘れてしまった場合は上記記事で復習しましょう。

CSSボックスモデルを理解する

https://tsuyopon.xyz/learning-contents/web-dev/css/understand-css-box-model/

上の記事でCSSボックスモデルについて学習しました。

CSSボックスモデルを忘れてしまった場合は上記記事で復習しましょう。

CSSの基本セレクター3つを理解する

https://tsuyopon.xyz/learning-contents/web-dev/css/understand-3-basic-selectors-in-css/

上の記事でCSSセレクターの3つの基本形について学習しました。

CSSセレクターの基本形を忘れてしまった場合は上記記事で復習しましょう。

CSSでテキストのスタイルを変更するパート1・2

https://tsuyopon.xyz/learning-contents/web-dev/css/how-to-change-style-of-text-in-css/

https://tsuyopon.xyz/learning-contents/web-dev/css/how-to-change-style-of-text-in-css-part-2/

上の記事で2部にわけてテキストのスタイルの変更方法を学習しました。

テキストのスタイルの変更方法を忘れてしまった場合は上記記事で復習しましょう。

質問・答え合わせ受け付けてます

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る