「div」と「span」

「div」と「span」

「<div>〜</div>」、「<span>〜</span>」をHTML内に記述することによって、 任意の範囲にスタイルを適用させることができます。 「div(Generic block-level container)」は、ブロック要素であることを定義し、 「span(Generic inline container)」は、インライン要素であることを定義します。

CSSソース
.spansample{
             font-size: 13px;
             color: #33ccff;
}
.divsample{
            background-color: #ff1493;
            margin: 10px;
}
HTMLソース
<p>
いろはにほへとちりぬるを
<span class="spansample">わかよたれそつねならむ</span>
うゐのおくやまけふこえて
あさきゆめみしゑひもせず

</p>

<div class="divsample">
いろはにほへとちりぬるを
わかよたれそつねならむ
うゐのおくやまけふこえて
あさきゆめみしゑひもせず

</div>

<div class="divsample">
いろはにほへとちりぬるを
<span class="spansample">わかよたれそつねならむ</span>
うゐのおくやまけふこえて
あさきゆめみしゑひもせず

</div>