Flexboxの基本を習得しよう

Flexboxで横並びのレイアウトを素早く作成しよう

プレミアム

合計時間：00:35:18

コース紹介動画

学習内容

■ 主な学習トピック
  • Flexboxとは
  • Flexboxの基本的な書き方
  • flex-directionプロパティ
  • flex-wrapプロパティ
  • justify-contentプロパティ
  • align-itemsプロパティ
  • align-contentプロパティ
  • flex-flowプロパティ

■ 講座内容 
Flexboxは比較的新しいCSSの書き方であり、複雑なレイアウトも簡単に組めるCSSのレイアウトモジュールです。

横並びのレイアウトなどを作成する際によく使う書き方で、以前はfloatと呼ばれる方法が使われていましたが、今はFlexboxを使う方法が一般的になってきました。

Flexboxでできることはとても広いのですが、本コースでは、Flexboxの中でも、よく使う実用的な基本を中心に学習します、

■ 学習に必要な要件
  • 基本的なパソコンの操作ができること。
  • HTMLの基本を習得済み
  • CSSの基本を習得済み

■ このコースのターゲット
  • ウェブページの制作ができるようになりたい方
  • ウェブアプリケーションエンジニアを目指している方

■ バージョン情報
  • CSS3

レクチャー一覧