Применение, удаление или переименование стилей класса CSS

Поиск
Adobe Dreamweaver Руководство пользователя

На этой странице

Применимо к: Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Примечание.

В Dreamweaver CC и более поздних версиях панель «Стили CSS» заменена конструктором CSS. Дополнительные сведения см. в разделе «Конструктор CSS».

Стили класса — единственный тип стилей CSS, которые можно применять к любому тексту в документе, независимо от тегов, управляющих текстом. Все стили класса, связанные с текущим документом, отображаются на панели «Стили CSS» (с точкой [.] перед их именем) и во всплывающем меню «Стиль» инспектора свойств текста.

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

Примечание.

При просмотре стилей, определенных во внешней таблице стилей CSS, необходимо сохранить таблицу стиля, чтобы изменения были отражены при просмотре страницы в браузере.

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

  1. Выберите в документе текст, к которому нужно применить стиль CSS.

    Разместите курсор вставки в абзаце, чтобы применить стиль ко всему абзацу.

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

    Чтобы точно задать тег, к которому должен быть применен стиль CSS, выберите его в селекторе тегов, размещенном в левой нижней части области «Окно документа».

  2. Чтобы применить стиль класса, выполните одно из следующих действий.

    • На панели «Стили CSS» («Окно» > «Стили CSS») выберите режим «Везде», щелкните правой кнопкой мыши имя стиля, который нужно применить, и выберите пункт «Применить» из контекстного меню.

    • В инспекторе свойств HTML выберите из всплывающего меню «Класс» стиль класса, который нужно применить.

    • В области «Окно документа» щелкните правой кнопкой мыши (Windows) или щелкните при нажатой клавише Control (Macintosh) выбранный текст, затем выберите из контекстного меню «Стили CSS» стиль, который нужно применить.

    • Выберите «Формат» > «Стили CSS», а затем выберите из вложенного меню стиль, который нужно применить.

Удаление стиля класса из выделения

  1. Выделите объект или текст, из которого нужно удалить стиль.
  2. В инспекторе свойств HTML («Окно» > «Свойства») выберите пункт «Нет» из всплывающего меню «Класс».

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

  1. На панели «Стили CSS» щелкните правой кнопкой мыши стиль класса CSS, который нужно переименовать, и выберите пункт «Переименовать класс».

    Примечание.

    Можно также переименовать класс, выбрав пункт «Переименовать класс» из меню параметров панели «Стили CSS».

  2. В диалоговом окне «Переименовать класс» убедитесь, что класс, который нужно переименовать, выбран во всплывающем меню «Переименовать класс».
  3. В текстовом поле «Новое имя» введите новое имя для нового класса и нажмите кнопку «ОК».

    Если класс, который нужно переименовать, является внутренним по отношению к заголовку текущего документа, то Dreamweaver изменяет имя класса и все экземпляры имени класса в текущем документе. Если класс, который нужно переименовать, является внешним CSS-файлом, то Dreamweaver открывает и изменяет имя класса в файле. Dreamweaver также запускает диалоговое окно «Найти и заменить», действующее в масштабах всего сайта, чтобы можно было найти все экземпляры старого имени класса в сайте.