ホームページ  >  記事  >  Web ページのレイアウトには 3 つの方法がありますか?

Web ページのレイアウトには 3 つの方法がありますか?

PHPz
PHPzオリジナル
2020-09-25 16:05:5122130ブラウズ

Web ページ レイアウトの 3 つの方法は、1. 標準ドキュメント フロー、2. フローティング、3. 絶対配置です。このうち、絶対位置決めは標準のドキュメント フローから完全に分離され、含まれるブロックに基づいて位置決めを確立し、オフセット属性と Z-インデックス属性を持ちます。

Web ページのレイアウトには 3 つの方法がありますか?

関連する学習の推奨事項: Web サイト制作ビデオ チュートリアル

Web ページ レイアウトの 3 つの方法:

1: 標準ドキュメント フロー##1. 上から下と左から右側 (ブロックレベル要素 [div、ul、li、dl、dt、p] および行レベル要素 [hanging plate、img、strong、input])

2. ボックス モデル

1) ボックス モデルの属性:

border、

内側マージン パディング [(上、右、下、左) (上、左、左、下) (上、下、左)]、外側エッジ距離マージン [(上、右、下、左) (上、左、右、下) (上、下、左、右)]。

3. ボックス 3D モデル

1) ボックス 3D モデル レベル

1、境界線;

2、コンテンツ パディング;

3. 背景-img;

4. 背景-色;

5. マージン;

4. ボックス モデルのサイズは、外側のサイズと同じです。ボックスのマージン、内側マージン、および中央のコンテンツ

2: フローティングフロート

フロート: 左、右、なし

クリアフロート:

1、クリア: 両方; (通常、直後の浮動要素をクリアするために使用されます)

2. 幅も設定します: 1000% (固定幅) オーバーフロー: 非表示;

注: (親に 1 へのクイック縮小が含まれている場合は、clear を使用します。両方のメソッドは無効です。通常は、float をクリアする 2 番目のメソッドを使用します)

3: 絶対配置

1 静的位置決め 2 相対的位置決め 3 絶対的位置決め

Web ページのレイアウトには 3 つの方法がありますか?

##

以上がWeb ページのレイアウトには 3 つの方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。