Was sind die Unterschiede zwischen SPAN-Elementen und DIV-Elementen_Erfahrungsaustausch?

Als ich vor ein paar Tagen adaptives Skin machte, lernte ich die Bedeutung von Block kennen. Habe ein solches Problem gefunden.
Was ist der Unterschied zwischen SPAN-Element und DIV-Element?
Lösungsidee:
Der offensichtlichste Unterschied ist: DIV ist ein Blockelement und SPAN ist ein Inline-Element. Blockelemente entsprechen Inline-Elementen mit einem
-Zeilenumbruch davor und danach. Tatsächlich sind Blockelemente und Inline-Elemente nicht statisch. Solange display: inline für ein Blockelement definiert ist, wird das Blockelement zu einem Inline-Element. Wenn display: block für ein Inline-Element definiert ist, wird es tatsächlich zu einem Block Element.
Spezifische Schritte:

<style> div,span{border:1px solid #f00;margin:2} </style> <div>div1</div> <div>div2</div> <span>span1</span><span>span2</span> <div style="display:inline">div3</div> <div style="display:inline">div4</div> <span style="display:block">span3</span> <span style="display:block">span4</span>
[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Tipp: Einige Freunde sagen, dass DIV ein Ebenen-Tag ist. In Dreamweaver ist es einfach so geschrieben, dass jedes Objekt zu einer „Ebene“ werden kann. Sie müssen nur das Positionsattribut für das Objekt definieren (der Wert ist absolut oder relavit). Um beispielsweise ein Bild zu einer „Ebene“ zu machen, können Sie den Code wie folgt schreiben:

Besondere Tipps
Der laufende Effekt dieses Beispielcodes (klicken Sie, um den Code auszuführen) wird der Reihe nach angezeigt Um das Problem besser zu veranschaulichen, werden hier die Blockelemente und Inline-Elemente mit einem 1 Pixel breiten roten durchgezogenen Rand hinzugefügt. Wie Sie auf dem Bild sehen können, definiert DIV standardmäßig den Anzeigeattributwert, um ihn inline anzuzeigen Als Inline-Element ist SPAN standardmäßig ein Inline-Element. Wenn der Attributwert Block ist, wird er als Blockelement angezeigt.
Besondere Hinweise

Dieses Beispiel erläutert hauptsächlich die Verwendung und Bedeutung der beiden Werte block und inline des Anzeigeattributs.