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 кылыңыз.