Progate学習記録_HTML②

今回からProgateさんでHTMLの応用編の学習を始めていきます。

前回同様、各レッスンで学んだ要点の部分だけ列挙しています。

(気になった方はぜひProgateさんにアクセスしてみてくださいね！)

Progate | プログラミングの入門なら基礎から学べるProgate (プロゲート)

・目標物の確認

→本当に確認だけなので割愛

・ベースとなるパーツ(枠)を配置する

→基礎編と全く同じなので割愛

・レイアウトの編集

→背景画像をcssで指定するためにはbackground-image : url([画像のURL])のように指定する

background-size : cover / contain の2通りの方法で画像の大きさを指定することができる

→ cover : はみでた部分は切れる

→ contain : divのサイズに合わせて画像が表示される

※どちらの場合でも縦横比は保持される

paddingプロパティを指定する際、いくつ値を指定するかによって、

どこの位置が指定されるか異なる。

値が1つ：上下左右全てに適用

値が2つ：[上下][左右]

値が3つ：[上][左右][下]

値が4つ：[上][右][下][左]

今日はここまで。

続きは次回にします。

ではではー。