Цвет в CSS

Категории

Изучаем CSS

Как заработать в интернет

Для дома

Поиск

Друзья

Запусти online-бизнес

Какая антивирусная программа, вам нравиться?

NOD32	31.2%
DrWeb	25.0%
Касперский	25.0%
Avast	18.8%
Norton	0.0%

Голосов: 16

Version 2.08

Вы видели НЛО?

Version 2.08

Главная

Журнал

Рассылка

Книги

О нас

Цвет в CSS

Автор: Александр Ромазанов

Дата: 2007-12-12

Каскадные стили дают возможность задавать цвета несколькими способами, в том числе отличными от шестнадцатеричной системы, которая широко используется в чистом языке гипертекстовой разметки. Я расскажу вам о четырёх спосабах.

Первый способ.
Вот, например:
background-color: #FF99FF;

Существует, и более сокращённый вариант задания того же цвета: background-color: #F9F ;

Например, чтобы задать цвет с помощью имени цвета Розовый:

Розовый

В файле style.css пишем, задаём стилю Roz цвет - розовый.

.Roz {
background-color: #FF99FF;
}

В основном это используют.

или сокращёная запись, что собственно одно и тоже:

.Roz {
background-color: #F9F;
}

Второй способ записи цветового кода - это задание его с помощью целых чисел (от 0 до 255) в системе RGB.
background-color: rgb (204, 255, 0);

Например, чтобы задать цвет с помощью имени цвета Светло-Зелёный:

Светло-Зелёный

В файле style.css пишем, задаём стилю RGB цвет - светло-зелёный.

.RGB {
background-color: rgb (204, 255, 0);
}

Внимание, не все браузеры поддерживают цвета rgb, поэтому практически не ипользуется!

Третий способ - допускает использование для этих целей процентов. background-color: rgb(80%, 100%, 0%);

Например, чтобы задать цвет с помощью имени цвета Светло-Зелёный:

Светло-Зелёный

В файле style.css пишем, задаём стилю Procent цвет - светло-зелёный.

.Procent {
background-color: rgb(80%, 100%, 0%);
}

Внимание, не все браузеры понимают rgb цвета в процентах, поэтому практически не ипользуется!

Четвёртый способ - можно задать, шестнадцать самых популярных цветов посредством имен. Вот, все такие цвета.

Цвет	Код/имя	Название
	Aqua	Цвет морской волны
	Black	Черный
	Blue	Синий
	Fuchsia	Фуксин
	Grey	Серый
	Green	Зеленый
	Lime	Лимонный
	Maroon	Каштановый
	Navy	Темно-синий
	Olive	Оливковый
	Purple	Пурпурный
	Red	Красный
	Yellow	Желтый
	White	Белый
	Teal	Чайный
	Silver	Серебряный

Например, чтобы задать цвет с помощью имени цвета Лимонный:

Лимонный

В файле style.css пишем, задаём стилю Lime цвет - лимонный.

.Lime {
background-color: Lime;
}

Это используют очень часто.

Из этого можно сделать вывод, что мы с вами будем пользоваться. Первым и Четвёртым способом.

Так же учитывайте такую деталь, что один и тот же цвет, может восприниматься по-разному в зависимости на каком, фоне его расположить, и какие рядом другие цвета. Вот, например: цвет лимонный на этой странице - вы можете увидеть, что на белом фоне и на жёлтом фоне немного отличается по восприятию. На жёлтом фоне лимонный цвет воспринимается чуть темнее, а на белом фоне чуть светлее.

Просмотров: 3272 Рейтинг: