Ви вже знаєте, що для того, щоб зробити
деякий шматочок тексту, наприклад, жирним
- слід використовувати тег 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.