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