CSSボックスモデルが導入された - 戦争に反対

 


ボックスモデル:
         ボックスモデルは、CSSレイアウトの基礎となるものですが、それは要素間のページ要素との関係をどのように表示するかを指定します。
         CSSは、すべての要素が箱状および平面スペースを持つことができます定義されます。
         コンテンツコンテンツ領域、パディングパディング(パディング)、ボーダーボーダー、マージンの境界線(マージン)これはボックスモデルであるが含まれていること。

カセットモデル:
  1:親と子要素の位置関係を制御するために、
  2:要素とコンテンツとの位置関係を制御するために、
  3:兄弟との位置関係を制御するために使用されます。
  
パディング(塗りつぶし):
       1:ボックス内のコンテンツとボックス間のパディング、;
       2:パディングは、サブ要素の親要素の内部に位置関係を調整することである;
       3:カセットを追加します。あなたはボックスをしたい場合は、パディング値を伸ばします元のサイズを維持するため、パディングに基づいて、幅と高さの値を失うする必要があります。
       4:パディングは負の値にすることはできません;
       5:パディングは、背景画像に影響を与えないであろう。
       6:ボックスは、一定の幅と高さを設定しない場合、アドパディング保存しないで、
       7:単一方向に加えパディング値:
                        パディング左/右/上/下:;
       8:パディング設定方法:
                       パディング:四週間1つの値。
                       パディング:2は、垂直方向と水平方向値
                       パディング:第3。程度の値で
                       左と右の値の4のGe:パディング

マージン(余白):
       1:ボックスマージン(要素)外部;
       2:マージンが兄弟要素の位置関係を制御すること;
       3:ボックス自体のマージン幅が高い影響を与えない;
       4:マージンが設けられていてもよいです陰性;
       5:マージン値を単一方向に付加される
                     マージン左/右/上/下:;
       6:余白設定方法
                     。マージン:四週間1つの値の
                     マージン:2程度が垂直値
                     3程度の低い値:マージン
                     マージン:4つの右下の値は左上
       7:マージン:0自動;(親要素を中心とする現在の要素を聞かせて);

注:バグは、多くの場合、余白を表示されます
                :親要素と第一セットの子要素はありません子要素が最初余裕トップに追加した場合はケースを浮き、エラーが親要素上記マージントップに追加されます。
                B:2つの要素間の垂直方向に隣接するマージンの値は、設定された最大によれば、ないスタック行います。

標準のボックスモデルで占める位置は、で構成されています。

              占有的宽度:幅+パディング左/右+ボーダー左/右+マージン左/右

              高さの所持:高さ+パディングトップ/ボトム+ボーダートップ/ボトム+マージントップ/ボトム

 

       

 

おすすめ

転載: www.cnblogs.com/-xiaohei/p/12594324.html