Основы работы с XHTML и CSS
Цвет текста и фона
Цвет текста задается присваиванием значения цвета в таблице стилей, которая связана с контейнерным тегом, содержащим текст. Например, заголовок можно вывести синим цветом, присваивая имя этого цвета в линейной таблице стилей тега <hn>.
<h1 style="color:blue">Синий заголовок</h1>
Листинг 3.26. Кодирование стиля цветного заголовка (html, txt)
Если весь параграф должен иметь определенный цвет, то имя этого цвета можно задать в таблице стилей, связанной с тегом <p>.
<p style="color:red">...красный текст параграфа ...</p>
Листинг 3.27. Код для задания стиля цветного параграфа (html, txt)
В некоторых случаях может понадобиться вывести весь текст на странице определенным цветом. Это легко сделать, присваивая свойство color тегу <body>. Следующий код выводит весь текст на странице зеленым цветом, используя встроенную таблицу стилей, ассоциированную с селектором body.
<style type="text/css"> body {color:green} </style>
Листинг 3.28. Встроенная таблица стилей для задания цвета всего текста на странице (html, txt)
Для любого текстового контейнера можно задать также цвет фона, применяя свойство background-color. Проверьте также, что выбранный цвет является дополнительным для цвета текста и не создаст трудностей при чтении. В следующей таблице стилей желтый цвет используется в качестве цвета фона страницы для зеленого текста.
<style type="text/css"> body {color:green; background-color:yellow} </style>
Листинг 3.29. Встроенная таблица стилей для задания цвета фона страницы (html, txt)
