今日取り上げたいトピック
・%とvh
なぜこのトピックを選定したのか
・本日学びを進める上で、簡単そうに見えてつまづいたポイントだったから。
新しい気付き・学び
・高さ調整について親要素がない場合、基準を定義できないので消えてしまう。
→<具体例>
.blue {
background-color: #c9daf8;
width: 100%;
height: 100%;
}
*でもなぜ横は親要素がないのに、%を使っても消えないのか?はわからず。。
・display: flex;またはfloatあることによって子要素を横に並べることができる。
・position=absolute;は子要素が親要素を無視して配置される。
・position=relativeは親要素を基準として子要素が配置される
その学びを他人に教えるとしたら、このように説明したい
・正直、説明できるレベル感で理解できていない。
本日の学習
・モダンなwebサイトを作成しよう
・様々な高さや幅の指定方法について知ろう
・Lesson3まとめ
・Lesson3の確認テスト
本日の学習の点数(100点満点)とその理由
・50点
理由:3日目が終了した時点で、2日目の完了目安のところまでしか行っていない。
わからないループにハマり必要以上に時間をかけてしまった。
点数を10点上げるために明日何ができるか
・科目ごとに制限時間をかけて、その中で計画的に進める。
・フォーカスデイの学習スタイルでも、わからないことはすぐ聞くようにする。