|
Категории
Изучаем CSS
Как заработать в интернет
Для дома
Поиск
Друзья
Fozet
Фотошоп Уроки
Работа в интернете
Книги
Доска Объявлений
Зооуголок
Запусти online-бизнес
|
Цвет в 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 Рейтинг: 
А ещё есть orange - ораньжевый цвет
|
Последние заметки
Цвет в CSS
Как перевести с английского на русский
Алгебра на автопилоте!
Как ПРИЛИЧНО зарабатывать в ИНТЕРНЕТ?
Коробочная модель
Комментарии
Попов Евгений молодец! Большой ему респект и уважуха.
Хороший сайт, Попов помог? мой kuanda.ru e-mail refyl
Очень удобно.Молодцы!
гага) коробочная модель))) жоско
БОЛЬШОЕ СПАСИБО!
Архив Блога
2007-12
2007-11
|