Latest web development tutorials
×

CSS курс

CSS курс CSS Краткое введение CSS грамматика CSS Id и Class селектор CSS создать CSS фон(background) CSS текст(text) CSS шрифты(Fonts) CSS ссылка(link) CSS стили списка(ul) CSS таблица(table) CSS Box модель CSS рамка(border) CSS контур(outline) CSS маржа(margin) CSS начинка(padding) CSS Группировка и вложенность CSS размер(Dimension) CSS дисплей(display) CSS разместить(position) CSS терка(float) CSS выравнивать(align) CSS Сочетание селекторов CSS Псевдо-классы CSS Псевдо-элемент CSS Панель навигации CSS Выпадающее меню CSS Галерея изображений CSS Прозрачное изображение/непрозрачный CSS технологии мозаики изображения CSS Тип носителя CSS селекторы атрибутов CSS резюме CSS примеров

CSS3 курс

CSS3 курс CSS3 Краткое введение CSS3 рамка(border) CSS3 фон CSS3 постепенное изменение CSS3 Текстовые эффекты CSS3 шрифты CSS3 2D изменение CSS3 3D изменение CSS3 переход CSS3 анимация CSS3 Multi-колонки CSS3 Пользовательский интерфейс

CSS Адаптивный дизайн

Viewport Grid View Медиа-запросы изображение видео(video) рамка

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS значения цвета CSS название цвета CSS шестнадцатеричный цвет

Значения правовой цвет CSS

CSS Цвета

CSS цвета могут быть определены следующим способом:

  • шестнадцатеричный цвет
  • цвет RGB
  • цвет RGBA
  • цвет HSL
  • цвет HSLA
  • Предустановленные / названия цветов кросс-браузер

шестнадцатеричный цвет

Все основные браузеры поддерживают шестнадцатеричное значение цвета.

Укажите шестнадцатеричный цвет его компонентов: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий). Все значения должны находиться в диапазоне от 0 до FF.

<P Например, значение # 0000FF отображается как синий, синий в качестве высшей ценности композиции (FF) и другие равным нулю.

примеров

p
{
background-color:#ff0000;
}

Попробуйте »

цвет RGB

значения цвета RGB поддерживаются во всех основных браузерах.

RGB значение цвета указывает: RGB (красный, зеленый, синий). Яркость каждого параметра (красный, зеленый и синий) определения цвета может быть целым числом от 0 до 255, или процентное значение, так и между (от 0% до 100%).

Например, значение RGB (0,0,255) отображается как синий, так как синий параметр установлен в наибольшее значение (255), а другой установлен в 0.

Кроме того, определены следующие значения того же цвета: RGB (0,0,255), RGB (0%, 0%, 100%).

примеров

p
{
background-color:rgb(255,0,0);
}

Попробуйте »

цвет RGBA

цветовые значения RGBA являются IE9, Firefox3 +, Chrome, Safari, а также поддержка Opera10 +.

цветовые значения RGBA являются значения цвета RGB, простирающиеся альфа-канал - заданную прозрачность объекта.

значения цвета RGBA указано: RGBA (красный, зеленый, синий, альфа). Параметр Альфа представляет собой число от 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный) параметров.

примеров

p
{
background-color:rgba(255,0,0,0.5);
}

Попробуйте »

цвет HSL

IE9, Firefox, Chrome, Safari и Opera 10+. Значения цветов Поддержка HSL.

HSL представитель оттенок, насыщенность и яркость - использовать цвет цилиндрических координатах.

Значения цвета HSL указаны: HSL (оттенок, насыщенность, яркость).

Оттенок степень на цветовом круге (от 0-360) -0 (или 360) красный, зеленый 120, 240 синий. Насыщенность представляет собой процент, 0% и 100% от средней серой тени, полный цвет. Яркость также процент, 0% черного цвета, 100% белый.

примеров

p
{
background-color:hsl(120,65%,75%);
}

Попробуйте »

цвет HSLA

Значения цвета HSLA являются IE9, Firefox3 +, Chrome, Safari и Opera10 +. Поддержка.

Значения цвета HSLA являются продолжением цветовых значений HSL с альфа-каналом - прозрачность указанного объекта.

Задает значения цвета HSLA: HSLA (оттенок, насыщенность, яркость, α), α является непрозрачности альфа определение параметров. Параметр Альфа представляет собой число от 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный) параметров.

примеров

p
{
background-color:hsla(120,65%,75%,0.3);
}

Попробуйте »

Предустановленные / названия цветов кросс-браузер

147 находится в HTML и CSS цвет спецификации предопределенного название цвета. Вы можете увидеть нашу предопределенную таблицу имен цвета .