тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Тег 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.