フレックスボックスの概要学習マニュアル

Cアスカド Sスタイル Sheets(CSS)は、Webページのレンダリングプロセスを簡素化するために設計されたシンプルなデザイン言語です。 CSSは、Webページのルックアンドフィール部分を扱います。

CSS を使用すると、テキストの色、フォント スタイル、段落の間隔、列のサイズとレイアウトの方法、使用する背景画像または色、レイアウト デザイン、さまざまなデバイスの表示バリエーションと画面サイズ、およびその他のさまざまな効果を制御できます。

ボックスの位置とサイズを決定するには、CSSで、使用可能なレイアウトモードの1つを使用できます-

これらのパターンはすべて、ドキュメント、テキスト、表などの特定の要素を整列するために使用されますが、これらのパターンはいずれも、複雑なWebサイトをレイアウトするための完全なソリューションを提供しません。 当初、これはフローティング要素、アンカー要素、および(通常は)テーブルレイアウトの組み合わせを使用して行われました。 ただし、フローティングでは水平方向の配置ボックスのみが許可されます。

上記のモードに加えて、CSS3は別のレイアウトモードであるフレキシブルボックスを提供します。 フレックスボックス。

このパターンを使用すると、複雑なアプリケーションや Web ページのレイアウトを簡単に作成できます。 フローティングとは異なり、Flexboxレイアウトは、ボックスの向き、配置、順序、およびサイズを完全に制御できます。

フレックスボックスレイアウトの注目すべき機能は次のとおりです。

以下は、フレックスボックスをサポートするブラウザです。