Теория урока

114. Именованные цвета в CSS

Если вас удовлетворяет небольшой набор стандартных цветов, то вы можете использовать именованные цвета. Далее список всех именованных цветов.

silver, aqua, fuchsia
lime, olive, red
white, black, gray
maroon, orange, yellow
blue, green, navy
purple, teal

А теперь будем использовать наши именованные цвета. Например, нам нужно сделать текст всех абзац зеленого цвета. Это реализовано в первом примере.

css

p { color: green; }

И глянем еще пару примеров.

css

p { color: green; }
h1 { color: red; }
div { background: purple; }

На самом деле, я перечислил не все именованные цвета, их еще больше. Именованных цветов более 100 и они появились в CSS3. Например, есть такой цвет: lightcoral.

Похожие уроки и записи блога

Селекторы атрибутов: простой выборСелекторы в CSS

Первое знакомство с PythonЗнакомство с Python

Урок 3. Генерация SSH-ключа для работы с GitHubБлог

Погружение в PythonЗнакомство с Python

Функциональное программирование: map, filter и reduceЗнакомство с Python

Цветовая модель RGB в CSSЕдиницы измерения

Работа с файлами в Python Знакомство с Python

Основные правила и знакомство с селекторамиСелекторы в CSS

Свойство background для работы с фономЦвета и фон

Предыдущий урок «113. Числа и процентные значения в CSS» Следующий урок «115. Цветовая модель RGB в CSS»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

В HTML коде написаны два элемента: p и b. Вам нужно сделать цвет текста этих элементов такой, который написан внутри их (например, между <p> ... </p>). Для определения цвета в CSS используйте свойство color: цвет;. Цвета, которые вам понадобятся: red и green.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.