Span-iga tekstitükkide jaoks HTML-is

Sa juba tead, et selleks, et teha mõni tekstitükk, näiteks rasvaseks, - tuleks kasutada silti b. Kuid mida teha, kui ma tahan värvida tekstitüki punaseks? Sellisel juhul silti, mis sarnaneks siltidega b, ei ole olemas.

Kuid on olemas spetsiaalne silt span - iseenesest see ei tee absoluutselt midagi, kuid sellele saab rakendada CSS-stiile, mis võimaldavad meil lisada vajaliku efekti tekstitükile.

Vaatame näidet. Oletame, et meil on mingi tekst:

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

Oletame, et tahame teha sõna "text" punaseks. Selleks mähime selle tekstitüki ümber silti span ja anname sellele sildile mõne klassi:

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

Noh ja nüüd värvime sellise klassiga elemendi punaseks:

.red {
	color: red;
}

Antud on järgmine kood:

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

Tehke klassiga xxx elemendid suurusega 30px.