ホームページ  >  記事  >  ウェブフロントエンド  >  CSS の行要素とブロック要素の類似点は何ですか?

CSS の行要素とブロック要素の類似点は何ですか?

青灯夜游
青灯夜游オリジナル
2020-12-17 11:36:452139ブラウズ

同じ点: 1. row 要素と block 要素の両方に表示属性があり、要素が生成するボックスの種類を指定するために使用されます; 2. row 要素と block 要素は両方とも左右を設定できます水平マージンとパディングの値。

CSS の行要素とブロック要素の類似点は何ですか?

このチュートリアルの動作環境: Windows7 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

Row 要素 (インライン要素とも呼ばれます) と block 要素は、HTML 仕様の概念です。ブロック要素は通常、他の要素のコンテナ要素であり、他のブロック要素またはインライン要素を収容できます。インライン要素は通常、セマンティック レベルに基づく基本要素であり、テキストまたはその他のインライン要素のみを収容できます。

ブロック要素の特徴:

  • 常に改行(一意)

  • 幅、高さを設定可能、内側と外側のマージン

  • 幅が手動で設定されていない場合、幅はデフォルトでコンテナの 100% (つまり、コンテナの幅)になります

  • インライン要素と他のブロック要素を収容できます。

#行要素の特徴:

  • 隣接するインライン要素と常に同じ行上にあります (羽鳥が群れを成す)

  • 幅と高さの設定が無効です 横方向のパディング属性とマージン属性は設定できますが、縦方向のパディング属性とマージン属性は無効です。

  • デフォルトの幅は、独自のコンテンツの幅です。

  • インライン要素には、他のインライン要素またはテキストのみを含めることができます。

#行要素とブロック要素の類似点

1. どちらも要素が表示するボックスのタイプを指定する表示属性を持っています。生成する。

2. 左右のマージンとパディングの値を設定できます

ブロック要素とライン要素の違い

1. ブロック要素は常に新しい行で始まり、インライン要素は他の要素と同じ行にあります。

2. ブロック要素には他のブロック要素またはインライン要素を含めることができますが、インライン要素にはテキストまたは他のインライン要素のみを含めることができます。

3. ブロック要素の高さ、行の高さ、上下の余白は制御できますが、インライン要素の高さ、行の高さ、上下の余白は変更できません。

(上記の違いはデフォルトの状況を指しており、CSS の意図的な制御は含まれていません。つまり、CSS 制御を使用すると、ブロック要素とインライン要素の属性の違いはますます小さくなります。 )

プログラミング関連の知識について詳しくは、

プログラミング コース

をご覧ください。 !

以上がCSS の行要素とブロック要素の類似点は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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