Теги span барои порчаҳои матн дар HTML

Шумо аллакай медонед, ки барои он ки як порчаи матнро, масалан, ғафс (bold) созед - бояд теги 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 созед.