CSS позволяет использовать почти 16.777.216 цветов. Они могут быть представлены либо именем, либо функциональным значением rgb (red/green/blue), либо шестнадцатеричным кодом. Пример использования цвета:
// разные написания красного цвета:
red
rgb(255,0,0)
rgb(100%,0%,0%)
#ff0000
#f00
Существует 17 предопределенных имен цветов. Это aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white и yellow. Плюс еще один – transparent.
Значения для функциональной записи (rgb), должны быть числом в диапазоне 0-255. Это число представляет уровень конкретного составного цвета (всего составных цветов три – красный, зеленый, синий) – 255 максимальный и 0 минимальный. Также уровень этих цветов можно определять в процентах.
Шестнадцатеричный код основывается на шестнадцатеричной системе исчисления, в которой кроме цифр от 0 до 9 также используются латинские буквы от A до F. Перед шестнадцатеричным кодом ставится символ решетки (#), и он может состоять либо из трех, либо из шести цифр.
Есть много сайтов где можно найти таблицы всех CSS цветов и их коды. Вот один из них «comhub.ru»
Цвет текста
Цвет текста определяется свойством color. Синтаксис свойства:
color: цвет | initial | inherit;
- цвет — устанавливает цвет фона;
- initial — значение наследуется от родительского элемента;
- inherit — устанавливает значение по умолчанию.
Пример, сделаем цвет текста красным:
p {
color: red;
}
Цвет фона
Цвет фона определяется свойством background-color. Синтаксис свойства:
background-color: цвет | transparent | initial | inherit;
- цвет — устанавливает цвет фона;
- transparent — значение по умолчанию. устанавливает, что фон должен быть прозрачным;
- initial — устанавливает значение по умолчанию;
- inherit — значение наследуется от родительского элемента.
Пример, установим цвет фона различным элементам:
body { // тег html (означает тело страницы)
background-color: yellow;
}
h1 {
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
}