Теория урока
Именованные цвета в 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
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- В HTML коде написаны два элемента:
p
иb
. Вам нужно сделать цвет текста этих элементов такой, который написан внутри их (например, между<p> ... </p>
). Для определения цвета в CSS используйте свойствоcolor: цвет;
. Цвета, которые вам понадобятся:red
иgreen
.
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание