Taggen span för textstycken i HTML

Du vet redan att för att göra ett visst textstycke, till exempel, fetstilt - bör du använda taggen b. Men, vad gör man om man vill färga ett textstycke i röd färg? För ett sådant fall finns det ingen tagg, liknande taggen b.

Däremot finns det en speciell tagg span - i sig själv gör den absolut ingenting, men man kan applicera CSS-stilar på den, vilka låter oss lägga till önskad effekt på textstycket.

Låt oss titta på ett exempel. Låt oss säga att vi har någon text:

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

Låt oss säga att vi vill göra ordet "text" rött. För att göra detta omsluter vi detta textstycke med taggen span och ger denna tagg någon klass:

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

Och nu färgar vi elementet med en sådan klass i röd färg:

css.red {
  color: red;
}
Задание 1

Följande kod ges:

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

Gör elementen med klassen xxx i storlek 30px.