100. Именованные цвета в 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.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

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

Поиск хостов с помощью NmapРазведка и сканирование

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

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

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

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

Введение в раздел «Структуры данных в Python»Знакомство с Python

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

Типы данных в PythonЗнакомство с Python

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

HTML

CSS

Браузер

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

Код HTML

Код CSS

Браузер×

Задание

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

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

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

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

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

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