従来のレイアウト手法は、display属性＋position属性＋float属性に依存しています。特殊なレイアウトの場合、非常に不便です。CSSによるレイアウトはウェブサイト制作の基本スキルであるため、あらゆる手法を正しく理解しておく必要があります。この記事で ...

floatレイアウトはすでに過去のもの。Webサイトの要素の位置を操作するならFlexboxが定番となりました。出遅れたWeb制作者のために基本を解説します。 テーブルタグが唯一のWebページをレイアウトする手法だった頃を覚えていますか？ 表形式のデータを表示 ...

Flexboxは、CSSのレイアウトモジュールで、要素の配置を柔軟かつ効率的に制御することができます。 以下にFlexboxの基本概念を説明します。 Flexboxの構造 Flexboxは、フレックスコンテナ（親要素）とフレックスアイテム（子要素）で構成されます。 フレックス ...

CSSはHTMLを装飾するために使用することはすでに説明しました。 装飾には主に以下の3つがあります。 1. 要素の配置を決める 2. 要素のサイズを決める 3. 要素の見た目(色など)を決める。 今回学習するFlexboxは**要素の配置を決める**ための CSSです。 Flexboxには ...