В отличие от аддитивной модели, где отсутствие цветовых составляющих образует черный цвет, в субтрактивной все наоборот: если нет отдельных компонентов, то цвет белый, если они все присутствуют, то образуется грязно-коричневый, который делается более темным при добавлении черной краски, которая используется для затемнения и других получаемых цветов. При смешивании отдельных цветовых составляющих можно получить следующие результаты:
Голубой + Пурпурный = Синий с оттенком фиолетового, который можно усилить, изменив пропорции смешиваемых цветов.
Пурпурный + Желтый = Красный. В зависимости от соотношения входящих в него составляющих он может быть преобразован в оранжевый или розовый.
Желтый + Голубой = Зеленый, который может быть преобразован при использовании тех же первичных цветов как в салатовый, так и в изумрудный.
Несмотря на большие различия в цветовых моделях RGB и CMYK, следует освоить обе, так как каждая применяется в своей области, и если вы занимаетесь графикой, то столкновения с ними вам не избежать. Следует помнить, что если вы готовите изображение к печати, то следует все-таки работать с CMYK, потому что в противном случае то, что вы увидите на мониторе, и то, что получите на бумаге, будет отличаться настолько сильно, что вся работа может пойти насмарку.
<br>
<div class="s3">
<IMG SRC="image003.gif">
<IMG SRC="image005.gif">
<IMG SRC="cmy_rgb.gif">
</div>
<H2>Цветовая модель HSB</H2>
<P>Здесь заглавные буквы не соответствуют никаким цветам, а символизируют цвет, насыщенность и яркость. Все цвета располагаются по кругу, и каждому соответствует свой градус, то есть всего насчитывается 360 вариантов (красный — 0, желтый — 60, зеленый — 120 градусов и так далее).
Насыщенность определяет, насколько ярко выраженным будет выбранный цвет. 0 — серый, 100 — самый яркий и чистый из возможных вариантов.
Параметр яркости соответствует общепризнанному, то есть 0 — это черный цвет.
Такая цветовая модель намного беднее рассмотренной ранее RGB, так как позволяет работать всего лишь с 3 миллионами цветов.
<br>
<div class="s3">
<IMG SRC="hsb_model.gif">
<IMG SRC="hsvkolo.bmp">
</div>
Приложение 4
Параметрышрифтаитекста
font-family: Serif; // шрифтысзасечками, например, Times New Roman.
Sans-serif//шрифты рубленные, без засечек, например, Arial.
Monospace//моноширинные шрифты, например, CourierNew.
Cursive//курсивные шрифты, например, CalistoMT.
Fantasy //декоративные шрифты, например, Torhok.
color: #значение цвета;
имя цвета:
text-align: left; // выравнивание по левому краю
right; // выравнивание по правому краю
center; // выравнивание по центру
justify; // выравнивание по ширине
text-indent: значениеpx; // красная строка, отступ
vertical-align: super; // верхний индекс
sub; // нижний индекс
значениеpx; // смещение относительно вертикальной оси
font-style: italic; // курсив
oblique; // наклонный
normal; //нормальный
font-weight: bold; // полужирный
bolder; // более жирный по отношению к базовому
lighter; // менее жирный по отношению к базовому
letter-spacing: значениеpx; // Расстояние между буквами
text-decoration: blink; // Устанавливает мигающий текст
line-through; // Создает перечеркнутый текст
overline; // Линия проходит над текстом
underline; // Устанавливает подчеркнутый текст
none; // Отменяет все эффекты
Параметры списков
list-style-type:disk; //закрашенный кружок
Circle; //незакрашенный кружок
Square; //закрашенный квадрат
Decimal; //десятичные числа
lower-roman; //строчные римские цифры.
upper-roman; //прописные римские цифры.
lower-alpha; //строчные латинские буквы.
list-style-image:url (адрес картинки); //создает маркер из рисунка
list-style-position: inside; //маркерывграницеблока
utside; //маркеры за границей блока
Отступы и границы
margin-top: значениеpx; // ширина верхнего поля.
margin-right:значениеpx; // ширина правого поля.
margin-bottom: значениеpx; // ширина нижнего поля.
margin-left: значениеpx; // ширина левого поля.
padding-top: значениеpx; //ширина верхнего отступа.
padding-right: значениеpx; //ширина правого отступа.
padding-bottom: значениеpx; //ширина нижнего отступа.
padding-left: значениеpx; //ширина левого отступа.
Фон
background-color: цвет; // закрашивает фон цветом
background-image: url(picture.gif); // вставляет картинку в качестве фона
background-repeat:repeat; //повторять изображение по горизонтали и вертикали.
repeat-x; //повторять изображение только по горизонтали.
repeat-y; //повторять изображение только по вертикали.
no-repeat; //не повторять изображение.
background-attachment: scroll; //фон прокручивается вместе с текстом.
Fixed; //фон во время прокрутки остается неподвижным.
background-position: значение x _ значение y;