受講者専用一覧ページに戻る

05-04-12flex-basis

◆学習時間の目安

30分

◆この動画で学習する内容

・flex-basis … 子要素のベース幅を指定
・flex-basis練習
・flex … フレックスアイテムサイズに関する一括指定
・flex練習

こちらの動画では、CSSレイアウト(flex)について学習します。
理解が進まない場合繰り返し動画をご覧いただき、理解度を深めてください。


前回作成したファイル「flex11.html」コピー名称変更してください。
「flex12.html」にCSSを記述して練習してください。

◆作成するファイルやフォルダ

・wancampフォルダ
└・04flexフォルダ
 └・flex01.html
 └・flex02.html
 └・flex03.html
 └・flex04.html
 └・flex05.html
 └・flex06.html
 └・flex07.html
 └・flex08.html
 └・flex09.html
 └・flex10.html
 └・flex_logo.png
 └・flex11.html
 └・flex12.html

◆制作見本ファイル

下記ファイルは、制作確認用ファイルとなります。
最終的に、答え合わせ用として確認してください。

sample_flex12.html