Поделиться через


Диалоговые окна «Дополнительные цвета» и «Цвет»

Диалоговые окна Дополнительные цвета и Цвет позволяют выбирать и создавать значения цвета для правил стиля CSS, определяющих шрифт, цвет фона или цвет границы элементов страницы.

Доступ к диалоговому окну «Дополнительные цвета»

  1. Выберите диалоговое окно Создание стиля или Изменение стиля.

  2. Выберите диалоговое окно Дополнительные цвета.

Эти шаги описываются подробнее ниже.

1. Для доступа к диалоговым окнам Создание стиля или Изменение стиля воспользуйтесь одним из следующих способов.

  • В меню Формат выберите Построить стиль.

  • Щелкните правой кнопкой мыши таблицу стилей в редакторе и в контекстном меню выберите Построить стиль.

  • На панели инструментов таблицы стилей нажмите кнопку Построить стиль.

2. Доступ к диалоговому окну Другие цвета осуществляется с помощью следующих способов.

  • Выберите категорию Шрифт, а затем щелкните квадратный значок рядом с цветом.

  • Выберите категорию Фон, а затем щелкните квадратный значок рядом с цветом фона.

  • Выберите категорию Граница, а затем щелкните один из квадратных значков для цвета границы.

Элементы диалогового окна «Дополнительные цвета»

Диалоговое окно Дополнительные цвета содержит перечисленные ниже элементы пользовательского интерфейса.

  • Значение
    Отображается шестнадцатеричное значение RGB-кода выбранного цвета.

  • Имя
    Отображает наименование цвета, если таковое имеется.

  • Пользовательское
    Открывает диалоговое окно Цвет, которое позволяет выбрать цвет или создать палитру цветов.

  • Select
    Изменяет указатель на пипетку, что позволяет выбрать любой цвет на экране и затем назначить его элементу страницы.

  • Новые возможности
    Отображает цвет, который выбран в диалоговом окне, но еще не присвоен элементу страницы.

  • Текущий
    Отображает цвет, который в настоящее время назначен элементу страницы.

Создание пользовательского цвета с помощью с диалогового окна «Цвет»

Чтобы создать пользовательский цвет:

  1. В диалоговом окне Другие цвета нажмите Другой….

    Появится диалоговое окно Цвет.

  2. Выполните одно из следующих действий.

    • Используйте для создания цвета матрицу цветов и градиент насыщенности, щелкнув внутри матрицы. Затем при помощи ползунка градиента насыщенности задайте уровень насыщенности.

    • Введите значения HSL или RGB пользовательского цвета.

    Пользовательский цвет отображается в поле Цвет/Сплошной.

  3. Если требуется создать несколько цветов, нажмите кнопку Добавить в набор пользовательских цветов для добавления цвета в палитру Пользовательские цвета. Затем можно повторить шаг 2 для создания других цветов.

  4. Нажмите кнопку ОК для присвоения цвета элементу страницы, который был выбран на странице.

    Примечание

    Пользовательский цвет отображается с использованием настроек текущего монитора.Он может выглядеть иначе на мониторе другого пользователя.Использование пользовательских цветов можно ограничить веб-проектами, разрабатываемыми для групп пользователей, применяющих общие (или предсказуемые) настройки экрана.

Как применяются стили

Если к выбранному элементу страницы не применены правила CSS, правило стиля создается как встроенный стиль. Если для элемента страницы существует правило стиля CSS, сведения о стиле записываются в существующее правило стиля.

Примечание

Встроенные правила стилей переопределяют правила стилей, находящиеся в элементе style на странице, а также правила стиля, находящиеся во внешнем файле CSS.

См. также

Задачи

How to: Set Web Server Control Color Properties