8月3日 学習記録

実施内容

• progate

  HTML/CSS 初級編 道場コース

  第1章:初級編を復習しよう

  ヘッダーを作ろう

  トップ部分を作ろう

本日学習した内容

• 1:ヘッダー、トップ部分の作成、復習など

  道場コースでは、練習で作成したページを、仕様書に従って自分で1から作る。

  ページを作成するに当たって、ヘッダー、トップ部分を作る場合の書き方について復習しながら行った。

  作成したHTML、CSS。

  ページのプレビュー

  

所感

少し忘れている箇所はあったが、以下のエラー以外は特に詰まることなくコーディング出来た。

今日のエラー

ヘッダー部のリストを横並びにするためにheader-listクラスのliタグにプロパティ「float:left;」を設定したところ、ヘッダー部がすべて消えてしまった。

→floatを設定すると、親要素の高さが0になってしまうのが原因。親要素のheaderタグにプロパティ「height」を設定したところ、解決。

※8月2日は勉強サボりました……