HTMLдаги матн бўлаклари учун span теги

Сиз билингизки, матнинг маълум бўлагини, масалан, қалин қилиш учун b тегидан фойдаланиш керак. Аммо, матн бўлагини қизил рангга бўяшним чіқса, нима қилиш керак? Бундай ҳолат учун b тегига ўхшаш тег мавжуд эмас.

Аммо махсус span теги мавжуд - ўзи ҳеч нарса қилмайди, лекин унга CSS стилларини қўллаш мумкин, улар матн бўлагига керакли таъсирни қўшиш имконини беради.

Келинг, мисолда кўрамиз. Бизда қандайдир матн бор дейлик:

<p>
	Бу матн билан параграф.
</p>

"матн" сўзини қизил қилиб қўймоқчи бўлсак. Бунинг учун матннинг шу бўлагини span тегига ўраб, бу тегга бирон класс берамиз:

<p>
	Бу матн билан параграф <span class="red">матн</span>.
</p>

Энди шундай классга эга элементни қизил рангга бўяймиз:

.red {
	color: red;
}

Куйидаги код берилган:

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

xxx классли элементларнинг ҳажмини 30px қилинг.