HTML-də mətn parçaları üçün span teqi

Artıq bilirsiniz ki, mətnin müəyyən bir hissəsini, məsələn, qalın etmək üçün b teqindən istifadə etmək lazımdır. Bəs mətnin bir hissəsini qırmızı rəngə boyamaq istəsəm nə etməli? Bu hal üçün b teqinə bənzər bir teq yoxdur.

Ancaq xüsusi bir span teqi var - özü heç nə etmir, amma ona mətn parçasına lazımi effekti əlavə etməyə imkan verəcək CSS üslublarını tətbiq etmək olar.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizim bir mətnimiz var:

<p>
	This is a paragraph with text.
</p>

Tutaq ki, "text" sözünü qırmızı etmək istəyirik. Bunun üçün bu mətn parçasını span teqinə sarıyırıq və bu teqə bir sinif veririk:

<p>
	This is a paragraph with <span class="red">text</span>.
</p>

İndi də belə bir sinifi olan elementi qırmızı rəngə boyayaq:

.red {
	color: red;
}

Aşağıdakı kod verilmişdir:

<p>
	Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
	<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>

xxx sinifli elementləri 30px ölçüsündə edin.