Познаем азы дизайна

Поделиться212012-06-24 18:46:12

Автор: hanuka
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 22
Уважение: +0
Позитив: +5
Провел на форуме:
8 часов 54 минуты
Последний визит:
2012-08-12 11:47:06

вот теперь все :З

Поделиться222012-06-24 21:19:25

Автор: Sharell'
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 38
Уважение: +10
Позитив: +0
Провел на форуме:
18 часов 16 минут
Последний визит:
2019-01-01 19:55:51

У цвета, будь то цвет фона или цвет границ, есть значения: цвет | transparent | inherit.
Цвет – все понятно, это цвет. Выглядит так #000000; то что мы только что научились делать.
Transparent – задает прозрачность.
inherit - Наследует значение родителя

Теперь научимся задавать прозрачность.

Надо убрать границы. За них у нас отвечает второе окно, часть /* CS2 Border colours
-------------------------------------------------------------*/ с
/* CS2.1 */ по /* CS2.6 */ включительно. Конечно можно просто их убрать, но это для более продвинутых. Мы же сделаем их прозрачными.
Ищем раздел CS2 Border colours во втором окне. Видим, что у всех значений рамок стоит только одно свойство: border-color: #c7ac7d;
Это и указан цвет наших границ. Заменяем цвет на значение transparent. То есть ставим border-color: transparent; и видим как границы исчезают. можно поэкспериментировать при желании.

0

Поделиться232012-06-24 22:38:51

Автор: Hellen
трам парам
Зарегистрирован: 2012-06-13
Приглашений: 0
Сообщений: 12
Уважение: +0
Позитив: +1
Провел на форуме:
4 часа 59 минут
Последний визит:
2013-06-30 03:46:32

у меня вот так

0

Поделиться242012-06-25 11:26:00

Автор: hanuka
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 22
Уважение: +0
Позитив: +5
Провел на форуме:
8 часов 54 минуты
Последний визит:
2012-08-12 11:47:06

Sharell'
мне кажется, я сделала что-то не то Оо

0

Поделиться252012-06-25 20:23:06

Автор: Sharell'
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 38
Уважение: +10
Позитив: +0
Провел на форуме:
18 часов 16 минут
Последний визит:
2019-01-01 19:55:51

hanuka
Конечно не так. Во-первых забыли ; практически везде поставить. Во-вторых border-color: #transparent;

# ставиться только перед цветом. но не перед значением. Читайте внимательнее урок.

Sharell' написал(а):

То есть ставим border-color: transparent;

0

Поделиться262012-06-26 18:21:49

Автор: hanuka
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 22
Уважение: +0
Позитив: +5
Провел на форуме:
8 часов 54 минуты
Последний визит:
2012-08-12 11:47:06

Sharell'
заработало

0

Поделиться272012-06-27 16:01:01

Автор: Sharell'
Участник
Зарегистрирован: 2012-06-22
Приглашений: 0
Сообщений: 38
Уважение: +10
Позитив: +0
Провел на форуме:
18 часов 16 минут
Последний визит:
2019-01-01 19:55:51

Hellen
hanuka
Все верно. К значениям фона мы еще вернемся. Пока с цветом закончим. Второе окно

/* CS1 Background and text colours
-------------------------------------------------------------*/
дословно переводится как "фон и цвет текста"

Каждый пункт мы будем изучать после, пока надо выучить обозначение цвета текста.
Если, как мы уже выучили, цвет фона элемента задается как background-color: #e9d8b7; (background - фон, color - цвет),
то цвет текста задается просто color (цвет). Если мы посмотрим все элементы CS1 то увидим что у всех указан цвет текста color: #000000; то есть черным. Черный цвет слишком контрастирует с цветом тела, поэтому надо сделать его не таким темным..например коричневым. Вы можете для большей показательности сделать его любым ярким цветом, а после поменять на какой вам будет нужен.

И так, заменяем с /* CS1.1 */ по /* CS1.8 */ включительно, все цвета текста. Например, я поменяю на коричневый. color: #3F2313;

первый элемент body не трогаем.

0