ブラザーズHTML5チュートリアルグリッドレイアウトグリッドのITバンド

5f16a58a57bc47108e1c532aebeafd05.jpg

 

グリッドレイアウトをいえば、一部の読者は知らないかもしれません。しかし、それはグリッドを来るとき、そこに彼の心は常に画像の対応する数である、のような:

画像/ 20191227 / 8e7673366863198527e82968668b3ef2.png

図1、図オリジナルのラスタ

 

図1では、前者は保護者に順に土地の一部であり、特別に竹からの土地の一部を取り囲んでいます。私たちは、この織り竹のフェンスは、フェンスを建てたり、それがグリッドと呼ばれる呼び出します。読者を知るために、グリッドの有無にかかわらず、私はのこぎりは、図5.1に示すと信じて、グリッドが言葉の概念を持つことになり、それが前に行われたブロックするために一定のルールに従って竹、木材、鉄の棒やその他のオブジェクトを使用することです。私たちは、ダイヤモンド、ルールの広場、X型、ラウンドで作られており、その上ですることができ、任意のルールの種類を織ることができます。

図2に示すようにしかし、Webページでは、我々はグリッド義理の数で入力し、模倣の最も古典的なのいずれかを選択します。

画像/ 20191227 / 2ac659d80c3246b4ad5d6abe98675dae.png

2クラシックラスタ

 

それが唯一の交差点に、単純な水平線の垂直を必要とするため、あなたはそれは美しく、きちんと守備の効果で達成することができ、グリッド内の古典的なそれを呼び出す理由。

私たちは、一般的にグリッドを使用し、したがって、我々は、ページが美的効果を達成することができ直交するこの単純な水平線を選択することができますが、また、グリッドレイアウトは、簡単にWebページでのdivボックスを占有幅の比率に適合させることができます命名。このグリッドレイアウト構造により、あなたは、私たちは、簡単にナビゲートサイトに、コンテンツを整理し、クライアントの負荷を軽減することができます。ライン「行」と列の「列」:だから今、私たちは二つの概念を導入することができます。

おすすめ

転載: www.cnblogs.com/itxdl/p/12117893.html