Цвет текста
Часть раздела Styling with CSS путешествия по HTML на Coddy — урок 17 из 76.
В CSS свойство color используется для установки цвета текста внутри элемента. Вы можете применять различные значения цвета к тексту, чтобы улучшить внешний вид вашей веб-страницы.
selector {
color: value;
}Например:
h3{
color: purple;
}
Задание
ЛегкоВам дан HTML-документ с заголовком (<h1>) и абзацем (<p>). Ваша задача — использовать свойство color для стилизации этих элементов. Выполните следующие шаги:
- Напишите CSS-правило для элемента
<h1>. Установитеcolorв значениеpurple. - Напишите CSS-правило для элемента
<p>. Установитеcolorв значениеyellow.
Шпаргалка
Свойство color устанавливает цвет текста внутри элемента:
selector {
color: value;
}Пример:
h3 {
color: purple;
}Попробуйте сами
<html>
<head>
<title>Text Color</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Styling with CSS
4Основы работы с текстом
Цвет текстаСемейство шрифтовРазмер шрифтаНасыщенность шрифтаВыравнивание текстаОформление текстаПовторение: Задача №1Повторение: Задача №2
11Методы верстки
Блочные и строчные элементыОсновы позиционированияОтносительное позиционированиеАбсолютное позиционированиеФиксированное позиционированиеОсновы Z-IndexИтоговое испытание14Финальные испытания
Расположение элементовСписок фильмовСвадебное приглашениеВсплывающее уведомление