HTML-ում տեքստի կտորների համար span թեգը

Դուք արդեն գիտեք, որ տեքստի որոշակի կտորը, օրինակ, թավացնելու համար պետք է օգտագործել b թեգը: Սակայն, ի՞նչ անել, եթե ես ուզում եմ տեքստի կտորը ներկել կարմիր գույնով: Այդպիսի դեպքի համար b թեգի նման թեգ գոյություն չունի:

Փոխարենը գոյություն ունի հատուկ span թեգը - ինքնին այն բացարձակապես ոչինչ չի անում, բայց դրա համար կարելի է կիրառել CSS ոճեր, որոնք կթույլատրեն մեզ ավելացնել անհրաժեշտ էֆեկտ տեքստի կտորին:

Դիտարկենք օրինակով: Ենթադրենք ունենք որոշակի տեքստ.

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

Ենթադրենք ուզում ենք "text" բառը դարձնել կարմիր: Դրա համար այս տեքստի կտորը կփաթաթենք span թեգի մեջ և այդ թեգին կտանք ինչ-որ դաս.

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

Այժմ էլ կներկենք այդ դասով տարրը կարմիր գույնով.

css.red {
  color: red;
}

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