9月25日 フィヨルドブートキャンプ学習記録
学習内容
理解した点
Flexboxの概要について Flexboxとは、CSSのレイアウトをより簡単に記述する為のものである。 例えば、要素を横並びにしたい場合に以前は「float」を使う場合が多かったが、最近ではFlexboxを使う事が主流となっている。
Flexboxを構成する要素について ①Flexboxコンテナー(親要素) Flexboxを使用する為には、Flexboxコンテナーを設定する必要がある。 「display:flex」と設定すれば、その要素をFlexboxコンテナーとして使う事ができる。 これは親要素に設定する必要があるので注意。 ②Flexboxアイテム 「Flexboxコンテナー」の子要素のこと。
Flexboxコンテナーで設定できるプロパティ 例えば、要素の並び順を指定する「flex-direction」、要素の折返しを設定する「flex-wrap」などがある。
分からなかった点、疑問に思った点
- codepenでFlexboxを簡単に書いてみたが、上手くいっていないようなので原因を探ってみる。 https://codepen.io/ryotori1024/pen/PoNLZwa
所感
Flexboxは前に少し勉強した事があるが、あまり覚えていなかったので少し苦労しそうな気がする。 焦らずにやっていく。 また、課題に手を付けられていないので、明日少しでいいのでやる。
明日の予定
引き続きFlexboxの学習を進める。 課題にも手を付ける。