SPAN 要素と DIV 要素の違いは何ですか_エクスペリエンス交換-CSSチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 12:09:27

オリジナル

1572 人が閲覧しました

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

[Ctrl+A すべて選択注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

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

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

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