詳細な17-CSSボックスモデル

CSSボックスモデル
ボックスは、以下の部分から構成され******:
  1、ボックスの内容----コンテンツ
  2、ボックスの境界----境界
  3と、ボックスの境界の内容充填----パディング、パディング(パッチ)と呼ばれる距離、
  4間の距離、ときに複数のボックスの存在、外部(外側パッチ)から境界----マージンと呼ばれる箱、箱、
充填*****例として箱の実際の幅は左右の境界ここ+ =左右+左境界
****** CSSボックス相関特性
  [1]、コンテンツ属性:幅=幅コンテンツ自体の、コンテンツ自体高い=高さ
  [2]、充填性:コンテンツと境界パディングの間の距離
*****考慮して、ボックスの幅を規定する、充填フレーム、境界が存在する場合
  であれば充填の増加、ボックスの幅全体の値は、再び引くが、あなたは詰めの値増やし
ブラウザの互換性の問題のため、余白の使用に注意を払うを*****未来を
******ゼロの場合を除いてすべての非ゼロ値は、単位を追加する必要があり
、各ツアーが、内側及びマージン、デフォルトの外にあるので、****** ないのと同じ
  、我々は最初から計算されているすべての内部および外部の余白のデフォルトのブラウザにする必要があります。
  {::;パディング0マージン実際には、*を使用しない 、; 0} が、少なくとも効率的に
  、我々はどの要素を使用しているので、デフォルト値ゼロの要素を置きます。
  CSSプロパティ、そこには特性を継承しているが、すべてのプロパティが継承されていないが、

  W3Cは------、ページ上のすべての画像のためのsはボックス(箱)に配置されているボックスモデルを推奨しています
  設計者は、これらのオブジェクトを作成することにより、ボックスの性質を制御するためにカスタマイズすることができ段落、リスト、タイトルを含めます、及び画像層の<div>
  メインボックスモデルが定義四つの領域:コンテンツ(内容)、充填剤(パディング)、境界(ボーダー)との境界(マージン)
  境界ここでもコール:外枠、外側パッチ;充填パディング、内側パッチ:としても知られています

  

  ページボックスモデルの全体の幅がで占められている
左の境界線が境界線を左+パディング+左+右+コンテンツ+パディング+右ボーダー右ボーダー

ページレイアウトにより、ボックスのパイルアウト

 

CSS制御素子サイズ
  素子幅のセット幅:100pxに、
  素子高さの設定高さ:100pxに、
  要素が一方向に設定されている外側のマージントップ/右/下/から左:10pxのを、
  番号通知パラメータは余裕ない:10pxのを、 4つの垂直および水平方向
  の要素のマージンの集合を有する:10pxの20ピクセル、垂直方向と水平方向
  の余白マージン:10pxの20ピクセル30px;左の
     マージン:10pxの20ピクセル30px 40ピクセル、左と右下
  の要素がフレームパディング内に設定されている:左と右下の

おすすめ

転載: www.cnblogs.com/xiang-liang/p/12545433.html