Привет друзья! В этом видео я вам расскажу, как изменить цвет текста в HTML, вы увидите как поменять цвет всего абзаца или блока и частично заменить внутри них часть текста на другой цвет. Поработаете со стилями и классами, поймете преимущество использования классов – вместо того, чтобы явно указывать элементам их стили.
Для заголовка h1 мы просто прямо внутри тэга указали стиль со свойством установленным в красный цвет.
<h1 style="color: red;">Заголовок - меняем цвет</h1>
Для блочного элемента div и для абзаца тег p , мы указали назначения свойств стиля цвета через классы.
Тег span предназначен для определения строчных элементов. В отличие от блочных элементов, таких как p или div, с помощью тега span можно выделить часть информации внутри других тегов и установить для нее свой стиль. Что мы и сделали.
Вот код стилей:
<style>
.bl{
color: blue;
}
.b0{
color: black;
}
.p0 {
color: green;
}
</style>
Вот код который внутри тега body:
<h1 style="color: red;">Заголовок - меняем цвет</h1>
<div class="bl">текст 1текст 1текст 1текст 1текст 1текст 1текст
1текст 1текст 1текст <span class="b0">1текст 1текст 1текст 1текст</span> 1текст 1текст
1текст 1текст 1текст 1текст 1текст 1текст 1текст 1текст 1текст</div>
<p class="p0">привет мир привет <span class="bl">мир привет мир привет
мир привет</span> мир привет мир привет мир привет мир </p>
Вступай в группу VK: https://vk.com/wiseplat 🚀
Подписывайся на канал YouTube: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ