Span tags teksta gabaliņiem HTML

Jūs jau zināt, ka, lai padarītu kādu teksta gabaliņu, piemēram, treknrakstā - jāizmanto tags b. Tomēr, ko darīt, ja es gribu nokrāsot teksta gabaliņu sarkanā krāsā? Šādam gadījumam neeksistē tags, līdzīgs tagam b.

Bet eksistē īpašs tags span - pats par sevi tas absolūti neko nedara, bet tam var piemērot CSS stilus, kas ļaus mums pievienot vajadzīgo efektu teksta gabaliņam.

Apskatīsim piemērā. Pieņemsim, ka mums ir kāds teksts:

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

Pieņemsim, ka mēs vēlamies vārdu "text" padarīt sarkanu. Lai to izdarītu, ietīsim šo teksta gabaliņu tagā span un šim tagam dosim kādu klasi:

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

Un tagad nokrāsosim elementu ar šādu klasi sarkanā krāsā:

.red {
	color: red;
}

Dots šāds kods:

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

Padariet elementus ar klasi xxx izmēru 30px.