標準化されたレイアウト前に、ボックスモデルを習得するだけでなく、位置決めや浮きのより重要な概念のマスター2に使用DIV + CSSのWebページ、彼らは要素が配置されている方法を制御し、ページに表示することができます。ブロックコンテンツを取り付けボックスは、組み合わせて使用される複数のボックス場合、次に、ページ全体のレイアウトを配置し、フローティング設定することによって行うことができます。図1カートリッジに示すページレイアウト複数の、点線枠は、各ボックスモデルを表します。
図1ページのレイアウトを定義した複数のボックス
CSSスタイルプロパティが非常に大きいですが、が、ページのプロパティの実際のレイアウトは非常に少ない実際に関与しました。特性を位置決めCSSが広く使用され、制御要素は、平面又は空間位置、高さ、幅、及び視認することができます。CSSは、表示プロパティ生成されたブロックの種類を変更するために使用することができる、例えば、表示属性がnoneに設定され、このブロックしなくなりブロックとすべてのコンテンツが表示しました。ブロックの表示特性により、インライン要素には同一のブロックレベル要素のように振舞うことを可能にします。ページレイアウトに関わる共通のCSSプロパティを表1に示します。
表1の共通のCSSプロパティは、ページレイアウトに関与します
これはCSSで、相対的及び絶対的の両方のターゲティング方法を提供します。いわゆる相対位置決め手段原稿参照の作動要素がオフセットするように、オペレータは上の他の要素、絶対位置決め手段との相対位置の要素をシフトすることを可能にします。次のように属性コード部の表2-2としては、配置されています。