Тэг span для кавалкаў тэксту ў HTML

Вы ўжо ведаеце, што для таго, каб зрабіць нейкі кавалак тэксту, напрыклад, тлустым - варта выкарыстоўваць тэг b. Аднак, што рабіць, калі я хачу пафарбаваць кавалак тэксту ў чырвоны колер? Для такога выпадку тэга, падобнага да тэга b, не існуе.

Затое існуе спецыяльны тэг span - сам па сабе ён абсалютна нічога не робіць, але для яго можна ўжыць CSS стылі, якія дазволяць нам дадаць патробны эфект да кавалка тэксту.

Давайце паглядзім на прыкладзе. Хай у нас ёсць які-небудзь тэкст:

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

Хай мы хочам слова "text" зрабіць чырвоным. Для гэтага абгарнем гэты кавалак тэксту ў тэг span і гэтаму тэгу дамо які-небудзь клас:

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

Ну а цяпер пафарбуем элемент з такім класам у чырвоны колер:

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>