A:link{Color:#006699: Link styles in html pages |

Обобщенные и сокращенные формы написания в CSS

Синтаксис предлагает несколько вариантов группировки инструкций определенных элементов. Давайте рассмотрим пару примеров:

.element {
border-top-style: solid;
стиль границы справа: сплошной;
нижняя граница: сплошная;
левый стиль границы: сплошной;
граница-верхняя ширина: 1px;
граница-правая-ширина: 1px;
граница-нижняя-ширина: 1px;
граница слева ширина: 1px;
цвет верхней границы: #336699;
граница правого цвета: #336699;
граница-нижний-цвет:#336699;
граница левого цвета:#336699;
}

Поскольку край одинаков со всех четырех сторон, инструкции можно резюмировать:

.element {
border: solid 1px #336699;
}

В сокращенной форме все свойства могут быть аннотированы последовательно, разделенные пробелом. Порядок их появления значения не имеет.

Возможны аналогичные предложения, например, по полям и отступам (внешнее и внутреннее расстояния).

.element {
поле: 5px;
}

Элемент получает отступ в 5 пикселей со всех четырех сторон, даже если необходимо несколько значений, есть много вещей, которые можно упростить:

.element {
margin: 5px 0;
}

Здесь мы определили верхнее и нижнее поля по 5 пикселей и по 0 пикселей справа и слева (к значению 0 [ноль] не нужно добавлять никаких единиц измерения).

.element {
поле: 0 5px 10px;
}

Этот синтаксис означает, что мы создаем верхнее поле в 0 пикселей, правое и левое поле в 5 пикселей и нижнее поле в 10 пикселей.

.element {
поля: 5px 5px 10px 20px;
}

Здесь у нас есть поле с разными значениями с каждой стороны. Чтение значений всегда выполняется сверху и по часовой стрелке, то есть:

Верхнее поле = 5 пикселей.
Правое поле = 5 пикселей.
Нижнее поле = 5 пикселей.
Левое поле = 5 пикселей.

В режиме записи, без сомнения, намного практичнее, чем скрипт со всеми явными деталями:

. element {
margin-top: 5px;
поле справа: 5 пикселей;
поле внизу: 10 пикселей
поле слева: 20 пикселей;
}

Другими элементами, значительно упрощающими синтаксис, являются семейства тегов, такие как и . Синтаксис следующих групп правилен, но слишком длинный:

a:link {
font-family:Arial, sans-serif;
вес шрифта: полужирный;
украшение текста: подчеркивание;
цвет фона: #ffffff;
цвет:#0066ff;
}
a:visited {
семейство шрифтов: Arial, без засечек;
вес шрифта: полужирный;
text-decoration:underline;
цвет фона: #ffffff;
цвет:#006699;
}
a:hover {
семейство шрифтов: Arial, без засечек;
вес шрифта: полужирный;
text-decoration:underline;
background-color:#ffffff;
цвет:#000066;
text-decoration:underline overline;
}
а: активный, а: фокус {
семейство шрифтов: Arial, без засечек;
вес шрифта: полужирный;
text-decoration:underline;
цвет фона: #ffffff;
цвет: #ff9900;
}

Следующий синтаксис, с другой стороны, требует меньше строк кода и обеспечивает большую ясность. В них сгруппированы оставшиеся одинаковые значения, а для соответствующего статуса отмечены только расходящиеся значения:

a {
font-family: Arial, sans-serif;
вес шрифта: полужирный;
оформление текста: подчеркивание;
background-color:#ffffff;
}
a:link{
color:#0066ff;
}
a:посетили{
color:#006699;
}
a: hover {
color:#000066;
text-decoration:underline overline;
}
a:active, a:focus{
color:#ff9900;
}

Можно упростить даже значения цвета, обычно в шестнадцатеричном представлении:

.element {
background: #09c;
}

#09c означает здесь #0099cc — все цвета с парами, образованными одинаковыми значениями, можно упростить таким образом — #000000 становится #000, #bb99ff становится #b9f, #66cc33 меняется на #6c3 и т.д. Наоборот, значения типа #000043 или #65ffab нельзя упростить.

Если вы посмотрите на другие типы таблиц стилей, вы можете заметить, что имена свойств некоторых правил иногда вводятся через дефис. Этот синтаксис зарезервирован для конкретных аннотаций производителей (владельцев) и служит только для проверки (проверки) новых свойств. Таким образом, каждый производитель ввел свою собственную аббревиатуру, которая служит для идентификации его аннотаций и предложений, например:

-moz- для Mozilla
-о-пара Опера
mso — для Microsoft (пропуская, как обычно, условность: не пишет скрипт в начале)

Их использование мешает правильной проверке таблицы стилей, поэтому не гарантирует работу со всеми браузерами.

#006699 шестнадцатеричный цвет (#069)

В цветовом пространстве RGB шестнадцатеричный код #006699 состоит из 0 % красного, 40 % зеленого и 60 % синего.
В то время как в цветовом пространстве CMYK оно состоит из 100 % голубого, 33,3 % пурпурного, 0 % желтого и 40 % черного.
Он имеет угол оттенка 200 градусов, насыщенность 100% и яркость 30%.
#00669Шестнадцатеричный код из 9 цветов можно получить путем смешивания #00ccff с #000033.
#006699 (или #069) — цвет, безопасный для Интернета.

Таблица цветов RGB
Таблица цветов CMYK

● #006699 Описание цвета: Темно-синий .

Шестнадцатеричный цвет #006699 имеет значения RGB R:0, G:102, B:153 и значения CMYK C:1, M:0,33, Y:0, K:0,4.
Его десятичное значение равно 26265.

Шестигранник тройник	006699	`#006699`
RGB Десятичный	0, 102, 153	`RGB(0,102,153)`
RGB Проценты	0, 40, 60	`RGB(0%,40%,60%)`
КМИК	100, 33, 0, 40
HSL	200°, 100, 30	`hsl(200,100%,30%)`
HSV (или HSB )	200°, 100, 60
Веб-сейф	006699	`#006699`

CIE-ЛАБ	40. 899, -5.344, -34.676
XYZ	10,5, 11,802, 31,86
хуу	0,194, 0,218, 11,802
МКО- ЛКХ	40.899, 35.085, 261.239
CIE-LUV	40.899, -26.312, -49.53
Хантер-Лаб	34.354, -5.562, -30.939
Двоичный	00000000, 01100110, 10011001

#006699
```
 #006699  RGB(0,102,153)  
```
#993300
```
 #993300  RGB(153,51,0)  
```

Дополнительный цвет

#009980
```
 #009980  RGB(0,153,128)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#001a99
```
 #001a99  RGB(0,26,153)  
```

Аналогичный цвет

#998000
```
 #998000  RGB(153,128,0)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#99001а
```
 #99001a  RGB(153,0,26)  
```

Разделение дополнительных цветов

#669900
```
 #669900  RGB(102,153,0)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#9
```
 #9
  RGB(153,0,102)  
```

Триадный цвет

#009933
```
 #009933  RGB(0,153,51)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#9
```
 #9
  RGB(153,0,102)  
```
#993300
```
 #993300  RGB(153,51,0)  
```

Цветной тетрадик

#00334d
```
 #00334d  RGB(0,51,77)  
```
#004466
```
 #004466  RGB(0,68,102)  
```
#005580
```
 #005580  RGB(0,85,128)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#0077b3
```
 #0077b3  RGB(0,119,179)  
```
#0088cc
```
 #0088cc  RGB(0,136,204)  
```
#0099e6
```
 #0099e6  RGB(0,153,230)  
```

Монохроматический цветной

Ниже вы можете увидеть некоторые цвета, близкие к #006699.
Наличие набора связанных цветов может быть полезным, если вам нужна вдохновляющая альтернатива исходному выбору цвета.

#008c99
```
 #008c99  RGB(0,140,153)  
```
#008099
```
 #008099  RGB(0,128,153)  
```
#007399
```
 #007399  RGB(0,115,153)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#005999
```
 #005999  RGB(0,89,153)  
```
#004d99
```
 #004d99  RGB(0,77,153)  
```
#004099
```
 #004099  RGB(0,64,153)  
```

Этот текст имеет цвет шрифта #006699.

 Текст сюда

#006699 цвет фона

Этот абзац имеет цвет фона #006699.

Содержание здесь

#006699 цвет границы

Этот элемент имеет цвет границы #006699.

 Содержимое здесь

Коды CSS

 .text {color:#006699;}

 .background {background-color:#006699;}

:1border solid {border #006699;}

Оттенок достигается добавлением черного к любому чистому оттенку, а оттенок создается путем смешивания белого с любым чистым цветом. В этом примере #000a10 — самый темный цвет, а #fbfeff — самый светлый.

#000a10
```
 #000a10  RGB(0,10,16)  
```
#001823
```
 #001823  RGB(0,24,35)  
```
#002537
```
 #002537  RGB(0,37,55)  
```
#00324b
```
 #00324b  RGB(0,50,75)  
```
#003f5e
```
 #003f5e  RGB(0,63,94)  
```
#004c72
```
 #004c72  RGB(0,76,114)  
```
#005985
```
 #005985  RGB(0,89,133)  
```
#006699
```
 #006699  RGB(0,102,153)  
```
#0073объявление
```
 #0073ad  RGB(0,115,173)  
```
#0080c0
```
 #0080c0  RGB(0,128,192)  
```
#008dd4
```
 #008dd4  RGB(0,141,212)  
```
#009ae7
```
 #009ae7  RGB(0,154,231)  
```
#00a7fb
```
 #00a7fb  RGB(0,167,251)  
```

Оттенок Вариант цвета

#10аффф
```
 #10afff  rgb(16 175 255)  
```
#23b6ff
```
 #23b6ff  RGB(35 182 255)  
```
#37bcff
```
 #37bcff  rgb(55 188 255)  
```
#4bc3ff
```
 #4bc3ff  RGB(75 195 255)  
```
#5ec9ff
```
 #5ec9ff  rgb(94 201 255)  
```
#72d0ff
```
 #72d0ff  RGB(114,208,255)  
```
#85d6ff
```
 #85d6ff  RGB(133 214 255)  
```
#99ddff
```
 #99ddff  RGB(153 221 255)  
```
#ade4ff
```
 #ade4ff  RGB(173 228 255)  
```
#c0eaff
```
 #c0eaff  RGB(192 234 255)  
```
#d4f1ff
```
 #d4f1ff  RGB(212 241 255)  
```
#e7f7ff
```
 #e7f7ff  RGB(231,247,255)  
```
#фбфефф
```
 #fbfeff  rgb(251,254,255)  
```

Оттенок Вариант цвета

Тон получается путем добавления серого к любому чистому оттенку. В данном случае #474e52 — менее насыщенный цвет, а #006699 — наиболее насыщенный.

#474e52
```
 #474e52  RGB(71,78,82)  
```
№415058
```
 #415058  RGB(65,80,88)  
```
#3b525e
```
 #3b525e  RGB(59,82,94)  
```
№355464
```
 #355464  RGB(53,84,100)  
```
#2f566a
```
 #2f566a  RGB(47,86,106)  
```
#295870
```
 #295870  RGB(41,88,112)  
```
№235а76
```
 #235a76  RGB(35,90,118)  
```
#1d5c7c
```
 #1d5c7c  RGB(29,92,124)  
```
#185e81
```
 #185e81  RGB(24,94,129)  
```
№126087
```
 #126087  RGB(18,96,135)  
```
#0c628d
```
 #0c628d  RGB(12,98,141)  
```
#066493
```
 #066493  RGB(6,100,147)  
```
#006699
```
 #006699  RGB(0,102,153)  
```

Тон Цветовая вариация

Ниже вы можете увидеть, как #006699 воспринимается людьми с нарушением цветового зрения.