Weｂデザイン勉強64日目の成長報告！

はいどうも！

今日もがっつり作業しました！

打ったコード見返すと、あぁこんなにコード書いてたっけ〜〜

ってなりました。笑

【作成したHP】

【HTML1】

【HTML2】

【HTML3】

【HTML4】

【CSS1】

【CSS2】

上から二つ目

dl ddの中のwidth: auto;は発見でした！

もともとliで横幅の設定を行なっているため、ddはautoで改行されます。

spanタグに対して、2種類のclass名をつけられるのが発見でした！

【CSS3】

<div class="cf"></div> = このタグで包むとclearfixと同じ意味を持つ。

clearfixにはこの方法もあるんだと学びました。こちらの記述も結構分かりやすくて好きです。

【CSS4】

【CSS5】

こんな感じです。

後からコードを見直すとそんなに難しいコードに見えないんですが、いざ手を動かしている時に画面を見た瞬間にclassにするのか、idにするのか、pにするのか、spanにするのか、marginなのかpaddingにするのか等まだ迷ってしまうところがあります。

あとは、動画で「●●pxにしてください。」って言われた時に全部Photoshopで見て計測していなかったので、「marginは本当に10でいいのか？」と思ったり「元々の要素にあるmarginはこの記述では計算しなくていいのだろうか。」などの疑問が生まれました。

残りの動画教材の量が多くないのですが、明日は時間をかけて、その部分も計測をしながら作業を進めようと思います。

今日は、ここまで。

これは回数を重ねていって慣れていくことが必要だと思うのでどんどん手を動かして慣れていこうと思います！