CSSボックスモデルの紹介

CSSボックスモデルとは何ですか? CSS ボックスモデルは、p+css モデルの位置決め機能を完全に理解するためのものです。ボックスモデルは、p+css レイアウト方法を学習する際に必ず学習する必要があるモデルです

1. CSS とは?

CSS (カスケード スタイル シート): カスケード スタイル シートは、Web ページのコンテンツとスタイルを分離する言語です。つまり、

aspx または HTML で Web ページのコンテンツをデザインし、そのスタイルを設定します。 CSSなどのWebページ。

2. CSS ボックスモデルとは何ですか?

Web デザインでよく聞かれる

属性 の名前: content、padding (padding)、border (border)、border (margin)、CSS ボックス モデルはすべてこれらの属性を持っています。これらの性質は私たちが日常生活で使用する箱と同じです。内容物は箱の内容物を指します。充填物は箱の内容物への損傷を避けるために追加される耐震材料を指します。境界については、一定の隙間が必要であることを意味します。通気性を維持するために、ボックスの間に置いておきます。 3つのボックスモデル1。どちらのボックス モデルにも、コンテンツ、パディング、ボーダー、マージンの 4 つの属性が含まれていますが、IE ボックス モデルのコンテンツ部分にはパディングとボーダーが含まれます。通常、複数のブラウザと互換性を持たせるために、標準のボックス モデルを使用し、DOCTYPE 宣言を追加するだけで済みます。

1)、属性値の略称

①属性値が2つ与えられた場合、前者は上下の属性を表し、後者は左右の属性を表します。 ②３つの属性値が与えられた場合、前者が上の属性、真ん中の値が左右の属性、後者が下の属性を表します。

③属性値が4つ与えられた場合、上、右、下、左の属性を意味します。つまり、時計回りに並べ替えます。

2) 標準フロー: 標準フローは、タグの配置を設計すると、ブロックレベルの要素とインライン要素が生成されます。 3). 要素の分類:

①ブロックレベルの要素: デフォルトでは、各ブロックレベルの要素は 1 行の高さを占めます。表現方法

。

②インライン要素: ブロックレベルの要素と比較すると、インライン要素は 1 行に複数の要素を収容できると理解できます。表現は です。

4. ボックスモデルの用途は何ですか?

CSS のボックス モデルは、p+css モデルの位置決め機能を完全に理解できるようにするためのもので、従来の table レイアウト メソッドの代わりにボックス モデルのレイアウト メソッドを使用するため、ボックス モデルは学習します。 p+css レイアウト この方法では学習する必要があるモデルがあり、このモデルを通じて、Web ページ内の p と p の相対的な位置がどのように配置されているかを理解できます。

以上がこの記事の全内容です、皆様の学習のお役に立てれば幸いです。

以上がCSSボックスモデルの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。