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