color
Краткое описание свойства color
Задает цвет текста. color - позволяет указать цвет текста. Цвет текста можно указать тремя способами:
По названию
- Цвет текста можно задать указывая его название на английском языке. Недостаток этого способа заключается в том что невозможно указать оттенки. То есть мы не можем задать цвет как "ярко пурпурно фиолетовый", а только "красный" или "зеленый" и т.д.
По шестнадцатеричному коду
- Мы не будем расписывать сдесь что такое шестнадцатеричный код, а просто скажем что это, наверно, наиболее лучший способ для задания цвета текста, да и не только цвета, а и цвета заливки. Если при верстке использовать photoshop в качестве графического редактора, то узнать шестнадцатеричный код нужного цвета не состовляет практически никаких усилий.
С помощью RGB - цвет можно задать с помощью красной, зеленой и синей составляющей в десятичном исчислении. Скажем прямо - не очень удобный способ.
Синтаксис:
p {color:значение;}
Описание аргументов:
Значение по умолчанию
черный цвет Обьектная модель:
[window.]document.getElementById("elementID").style.color Пример: Листинг style.css:
p{ color:#006600;} /*Задает цвет текста заключенного в тег <p> </p>*/
span{ color:#FF0000;} /*Задает цвет текста заключенного в тег <span> </span>*/
em{ color:#0000FF;} /*Задает цвет текста заключенного в тег <em> </em>*/
Листинг index.html: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1251" />
<link type=
"text/css" rel=
"stylesheet" href=
"style.css" />
<title>
Параметр color</title>
</head>
<body>
<p>
<span>
Error</span> sit <em>
voluptatem</em>
assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
</p>
</body>
</html>
Результат: Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Добавить комментарий
