違い: インライン要素での幅と高さの設定は無効であり、自動的に折り返されませんが、ブロックレベルの要素では幅と高さを設定でき、自動的に折り返すことができます。インライン要素では、マージン設定は左右方向には有効ですが、上下方向には有効ではありません。また、パディング設定は、左右方向には有効ですが、上下には有効ではありません。ブロックレベル要素では、マージンとパディングの両方が有効です。有効。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS の基礎では、ブロック要素とインライン要素が頻繁に登場します。実際の開発では、混同されて覚えにくいことがよくあります。では、インライン要素とブロックレベル要素の違いは何でしょうか?以下に紹介させていただきます。
ブロックレベル要素とインライン要素の定義
ブロックレベル要素とは何ですか?
常に新しい行から開始します。
高さ、行の高さ、マージンとパディングはすべて制御可能です。
幅が設定されていない限り、幅はデフォルトでコンテナの 100% になります。
インライン要素と他のブロック要素を収容できます
例:
、、
、
