CSS (передний план) цвет
Свойство 'color'
Свойства 'color' позволяют установить цвета для текстового содержимого элемента. В следующей таблице приведены необходимые сведения о свойстве color.
значение | цвет, наследовать |
начальная | зависит от агента пользователя |
относится к | все элементы |
унаследованный | да |
проценты | N / A |
средства массовой информации | визуальный |
вычисленное значение | как указано |
Сейчас мы увидим очень распространенное использование свойства цвета:
Вот файл CSS (скажем, color.css):
body { color: navy } li { color: maroon }
Эта таблица стилей гласит, что все элементы в теле должны быть темно-синего цвета, но если это элемент списка (li), то он должен быть бордовым.
Вот HTML-файл (скажем, color.htm), к которому применяется приведенная выше таблица стилей:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>example of external CSS - foreground color </title>
<link href="color.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>We are learning color property of CSS</p>
<ul>
<li>we will learn color property of CSS in this section</li>
</ul>
</body>
</html>
Вот как это будет выглядеть:
Прежде чем перейти к более подробному описанию свойства цвета CSS, на следующей странице мы увидим различные способы задания цвета.
Предыдущая: Введение в CSS медиа и типы медиа
Далее: Цветовые единицы CSS
Новый контент: Composer: менеджер зависимостей для PHP , R программирования