CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSボックスモデルを定義する

デザインとレイアウトという用語を説明するときは、「ボックスモデル」と呼びます。 HTMLのすべての要素はボックスと見なされます。

CSSボックスモデルには、余白、境界線、パディング、およびコンテンツがあります。

CSSボックスモデルを定義する


  1. CSSの@importAt-rules

    CSS @importルールは、インポートされたスタイルシートのURLの後にメディアタイプを指定することにより、特定のターゲットメディアのスタイル情報を設定するために使用されます。 構文 以下は構文です- @import url（ /*ファイルパス*/）mediatypes {CSS-Code;} CSSの@importルールの例を見てみましょう： HTMLドキュメント 例 @import url（screen.css）screen; @import url（print.css）print; Vivamus commodo、dolor eu porttitor sag

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

    HTMLドキュメントのすべての要素は、ブラウザによって長方形のボックスとしてレンダリングされます。幅、高さ、パディング、マージンによって、要素の周囲に割り当てられるスペースが決まります。次の図は、ボックスモデルの概念を示しています- 出典：w3.org コンテンツ これには、テキスト、画像、またはその他のメディアコンテンツの形式の実際のデータが含まれます。幅と高さのプロパティは、このボックスの寸法を変更します。 パディング コンテンツの外縁とその境界の間のスペースは、パディングを指します。このボックスは、paddingプロパティによってサイズを変更できます。 paddi