RGB-цвета
Часть раздела Стилизация с CSS путешествия по HTML на Coddy. Урок 27 из 76.
В CSS цвета RGB задаются с помощью функциональной записи rgb(). RGB означает красный, зелёный и синий, а каждый цвет представлен значением от 0 до 255. Комбинируя разные интенсивности этих трёх основных цветов, можно создать широкий спектр цветов.
Вот базовый синтаксис использования цветов RGB в CSS:
selector {
color: rgb(red, green, blue);
background-color: rgb(red, green, blue);
}Например:
p {
color: rgb(255, 0, 0); /* Красный */
background-color: rgb(0, 255, 0); /* Зелёный */
}
h1 {
color: rgb(0, 0, 255); /* Синий */
}
.highlight {
background-color: rgb(255, 255, 0); /* Жёлтый */
}Задание
ЛегкоТебе дан HTML-документ с заголовком (<h1>), абзацем (<p>) и блоком (<div>). Задай всем элементам на странице цвет фона и цвет текста на свой выбор, используя для этого rgb().
Цвета по умолчанию не будут приняты!
Попробуйте сами
<html>
<head>
<title>RGB Colors</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Стилизация с CSS
4Основы работы с текстом
Цвет текстаСемейство шрифтаРазмер шрифтаНасыщенность шрифтаВыравнивание текстаОформление текстаПовторение: задание №1Повторение: задание №27Блочная модель. Часть 1
Что такое блочная модель?Внутренние отступыВнешние отступыГраницыШирина и высотаИтоговое заданиеПотренируйтесь самостоятельно: Песочница Web