Изменение стиля

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

Изменить свойства стиля во внешней, встроенной или внутренней каскадной таблице стилей (CSS) можно с помощью области задач Свойства CSS или Применение стилей. В области задач Применение стилей можно изменить стиль, входящий в таблицы стилей текущей веб-страницы, включая даже те стили, которые на ней не используются. В области задач Свойства CSS можно изменить только стили, использующиеся на текущей веб-странице, стили, которые можно выбрать в режиме Код, или любой стиль в открытом CSS-файле.

Примечание : Если нужно переименовать стиль на основе класса и одновременно обновить все ссылки на этот стиль, используйте команду Переименование класса в области задач Применение стилей, Управление стилями или Свойства CSS. При переименовании стиля с помощью диалогового окна Изменение стиля ссылки на стиль не обновляются. Независимо от выбранного способа, при переименовании стилей на основе идентификаторов и изменении типа селектора для стиля любого типа ссылки на стиль не обновляются — вам нужно изменить их самостоятельно.

В этой статье:

Переименование стиля на основе класса

Изменение стиля с помощью области задач "Свойства CSS"

Изменение стиля с помощью диалогового окна "Изменение стиля"

Переименование стиля на основе класса

  1. Откройте веб-страницу, содержащую таблицу CSS со стилем на основе класса, который нужно изменить.

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

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

    • В области задач Управление стилями или Свойства CSS щелкните правой кнопкой мыши стиль на основе класса и выберите команду Переименование класса.

  3. В диалоговом окне Переименование класса в поле Новое имя введите новое имя для класса. Не нужно вводить точку (.) перед новым именем класса.

  4. Чтобы обновить имя класса во всех существующих ссылках на него, щелкните Переименовать ссылки на класс в (#) файлах, использующих данную таблицу стилей.

  5. Нажмите кнопку ОК.

К началу страницы

Изменение стиля с помощью области задач "Свойства CSS"

  1. Откройте веб-страницу, на которой используется нужный стиль.

  2. Если в области задач Свойства CSS стиль, который нужно изменить, не отображается в списке Примененные правила, выделите содержимое (или поместите в него курсор), для которого используется этот стиль.

  3. В списке Примененные правила выберите имя стиля, который нужно изменить.

  4. В области задач Свойства CSS в разделе Свойства CSS задайте нужные свойства.

К началу страницы

Изменение стиля с помощью диалогового окна "Изменение стиля"

  1. Откройте любую веб-страницу, содержащую таблицу CSS со стилем, который нужно изменить.

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

    • Чтобы изменить стиль на основе класса, элемента или идентификатора, наведите указатель мыши на стиль в области задач Применение стилей, щелкните стрелку вниз и выберите команду Изменить стиль.

    • Чтобы изменить встроенный стиль, выделите содержимое (или поместите в него курсор), для которого используется стиль, наведите указатель на стиль в области задач Применение стилей, щелкните стрелку вниз и выберите команду Изменить стиль.

    • В области задач Свойства CSS в списке Примененные правила щелкните правой кнопкой мыши стиль и выберите команду Изменить стиль. Если стиль, который нужно изменить, не отображается в списке Примененные правила, выделите содержимое (или поместите в него курсор), для которого используется этот стиль.

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

    Примечание : Имена селекторов для классов и идентификаторов не должны содержать пробелы, если только это не сложный селектор.

    • Чтобы использовать селектор для элемента, щелкните имя элемента в раскрывающемся списке Селектор.

    • Чтобы использовать селектор для идентификатора, введите знак номера (#), а затем уникальное имя.

    • Чтобы использовать встроенный селектор, щелкните Встроенный стиль в меню Селектор.

    • Чтобы использовать селектор для класса, введите точку (.), а затем уникальное имя.

      Примечание : Чтобы переименовать существующий стиль на основе класса и автоматически обновить все существующие ссылки на этот стиль, выполните действия, описанные ранее в разделе Переименование стиля на основе класса.

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

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

    • Блок: задает высоту строки, выравнивание, отступы и интервал для текста.

    • Фон: задает цвет фона и свойства фонового изображения.

    • Граница: задает границу и ее свойства.

    • Рамка: задает свойства внешних и внутренних полей рамки и элементов уровня блока.

    • Положение: задает размеры и положение рамки и элементов уровня блока.

    • Макет: задает видимость, режим перемещения и обтекания, обрезку и другие свойства макета для рамки и элементов уровня блока.

    • Список: задает свойства элементов списка, включая тип, положение и изображение.

    • Таблица: задает свойства элементов, связанных с таблицей, включая интервалы, макет и границы.

  5. Нажмите кнопку ОК.

К началу страницы

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

Совершенствование навыков
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×