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

05-04-09align-self

◆学習時間の目安

20分

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

・align-self … 子要素の垂直方向の揃え
・align-self 練習

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


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

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

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

◆制作見本ファイル

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

sample_flex09.html