CSSの課題｜シンプルなWEBページを作ろう｜webliker（ウェブライカー）

この教材は「ギャクサン」というWeb制作学習カリキュラムの一部です。

はじめての方はこちらからご覧ください👉

それではHTMLに続き、CSSの課題にも取り組んでいきましょう！

#08_よく使う10個のプロパティを覚えようで学習したプロパティを理解していれば達成できるレベルで作成しています。

web兄さん

最初から暗記できている必要はないので安心してください！
まずは前回の講座と照らし合わせながら課題に取り組んでもOKです👍

課題の説明

左側がHTMLのみで書かれたCSS適用前の見た目です。これを右側のCSSが適用された後の見た目に変えていくのが今回の課題です。

web兄さん

一見シンプルそうに見えますよね。

しかし、CSSを習ったばかりの皆さんにとっては多くのプロパティが登場するので結構難しいと思います！

Before：CSSが適用される前の見た目

After：CSSを適用後の見た目

CSSの課題もHTMLと同様に、以下のようにヒントを加えたので、そのヒントに従ってプロパティと値を書いていきましょう。（※以下の画像をクリックで拡大できます）

今回はCSSの課題なのでHTMLや画像ファイルを用意した状態にしてからCSSを書いていきます。

動画の手順に沿って環境を一緒に作成していきましょう。