SPAN 要素と DIV 要素の違いは何ですか_エクスペリエンス交換

数日前にアダプティブスキンをやっていたときに、ブロックの意味について学びました。このような問題を発見しました。
SPAN 要素と DIV 要素の違いは何ですか?
解決策のアイデア:
最も明らかな違いは、DIV はブロック要素であり、SPAN はインライン要素であることです。ブロック要素は、前後に改行が入ったインライン要素と同等です。実際、block 要素と inline 要素は静的ではありません。block 要素に display: inline が定義されている限り、block 要素は inline 要素に定義されている場合は inline 要素になります。要素。
具体的な手順:

<style> div,span{border:1px solid #f00;margin:2} </style> <div>div1</div> <div>div2</div> <span>スパン1</span><span>スパン2</span> <div style="display:inline">div3</div> <div style="display:inline">div4</div> <span style="display:block">スパン3</span> <span style="display:block">スパン4</span>
[Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

ヒント: DIV はレイヤータグであると言われていますが、実際には、Dreamweaver ではわかりやすくするためにこのように記述されているだけです。オブジェクトの位置属性 (値は絶対値または相対値) を定義するだけです。たとえば、画像を「レイヤー」にするには、次のようなコードを記述します。

特別なヒント
このサンプル コードの実行効果 (クリックしてコードを実行します) を順に示します。問題をわかりやすく説明するために、ブロック要素とインライン要素を幅 1 ピクセルの赤い実線で追加します。図からわかるように、DIV はデフォルトでブロック要素に表示属性値を定義して表示します。 SPAN のデフォルトはインライン要素です。 表示の定義 属性値が block の場合、ブロック要素として表示されます。
特記事項

この例では、表示属性の block と inline の 2 つの値の使用法と意味を主に説明します。