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:

html<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:

html<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:

css.red {
  color: red;
}

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