Progate HTML & CSS 中級編

●●●
もなか

こんにちは!もなか(@ruby443n)です。
ここでは学習したことを復習しやすいようにノートの代わりとしてまとめていきます

今日の振り返り



中級編ではこの図のような、モダンなWEBページを作ります。
今日はブログの設定等々をしていたので学習時間があまりとれず15分位でやったことをまとめます。

●●●
もなか

ヘッダーではなくトップから作成していく指示でした
言われるがままに入れていくので簡単でした

HDML


bodyの中にheader,div,fooderを作成してdivはそれぞれにclassで名前をつける
コンテナクラスに<h1>と<p>をつかって文章を入力

CSS


コンテナークラス
width,padding,marginを指定
トップクラス
color,padding,background-imageのurlを指定

反省点


ボックスモデルが頭に入っていない
padding marginの上下左右の記入方法がどうやるんだっけ…?状態で、padding-right padding-leftといちいち指定してしまった為時間がかかりました。
単なる打ち間違いが多い
細かいスペルの打ち間違いや、100と180を打ち間違えていて気付かない事もありました

まとめ


ボックスモデルに関してはいつも詰まるのでチートシートを手元に作りおいておこうかなあと思います。
打ち間違い対策はブラインドタッチ強化でしょうか。もっと早く打てるようになりたいなあ。

●●●
もなか

お読みいただきありがとうございました!
明日も頑張るぞー