div css ボックスmodel_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:27:34
オリジナル
1449 人が閲覧しました

それでは、なぜボックスと呼ばれるのでしょうか?まず、Web デザインでよく聞く属性名について説明します。content、padding、border、margin はすべてこれらの属性を持ちます。

実際には上部に開口部のある箱として想像できます。そして、上から見下ろすと、境界線は箱の厚さに相当し、内容はオブジェクトの空間に相対的です。衝撃防止の目的で箱に詰められた発泡体は、簡単に取り外せるように箱の周囲に一定のスペースを残すことに相当します。ボックスモデルはこんな感じでわかりやすいでしょうか?

つまり、ページ内のボックスモデル全体の幅は、左ボーダー + 左ボーダー + 左パディング + コンテンツ + 右パディング + 右ボーダー + 右ボーダーで構成され、CSS スタイルの width で定義される幅はコンテンツのみです部分の幅、これは多くの友人が混乱しやすい場所です

ここでの境界は、外側マージン、外側パディングとも呼ばれます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!