ホームページ  >  記事  >  ウェブフロントエンド  >  1. ボックスmodel_html/css_WEB-ITnoseの深い理解

1. ボックスmodel_html/css_WEB-ITnoseの深い理解

WBOY
WBOYオリジナル
2016-06-24 11:33:081017ブラウズ

ボックスモデル

1. ボックスモデルの構成:マージンボーダーパディングコンテンツ

2.border:

属性値の設定において、2つの属性値が与えられた場合、前者は3 つの属性値が与えられた場合、後者は上境界線と下境界線の属性を表し、後者は左境界線と右境界線を表し、後者は左境界線と右境界線を表します。下の境界線。4 つの属性値が指定されている場合、順序は上、右、下、左です。背景を設定する場合、ブラウザーによってカバーされる領域は、コンテンツ、パディング、および境界線です。

2.margin:

1) 記録する必要があるのは、横方向のマージンを足し合わせて、縦方向のマージンは崩れの原因となるため、マージンを大きくすることです。

2) 入れ子のボックスのマージン: 子ブロックは親ブロックの内容を参照として使用します。

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