Узнайте, как применять, удалять или переименовывать стили класса CSS в Dreamweaver
В Dreamweaver и более поздних версиях панель «Стили CSS» заменена конструктором CSS. Дополнительные сведения см. в разделе «Конструктор CSS».
Стили класса — единственный тип стилей CSS, которые можно применять к любому тексту в документе, независимо от тегов, управляющих текстом. Все стили класса, связанные с текущим документом, отображаются на панели «Стили CSS» (с точкой [.] перед их именем) и во всплывающем меню «Стиль» инспектора свойств текста.
Большинство обновленных стилей отображается немедленно, но чтобы убедиться, что стиль применен верно, необходимо просмотреть страницу в браузере. При применении двух или нескольких стилей к одному тексту могут возникнуть конфликты стилей с непредсказуемыми результатами.
При просмотре стилей, определенных во внешней таблице стилей CSS, необходимо сохранить таблицу стиля, чтобы изменения были отражены при просмотре страницы в браузере.
Применение стиля класса CSS
-
Выберите в документе текст, к которому нужно применить стиль CSS.
Разместите курсор вставки в абзаце, чтобы применить стиль ко всему абзацу.
Если выбран фрагмент текста внутри одного абзаца, то стиль CSS влияет только на выбранный фрагмент.
Чтобы точно задать тег, к которому должен быть применен стиль CSS, выберите его в селекторе тегов, размещенном в левой нижней части области «Окно документа».
-
Чтобы применить стиль класса, выполните одно из следующих действий.
На панели «Стили CSS» («Окно» > «Стили CSS») выберите режим «Везде», щелкните правой кнопкой мыши имя стиля, который нужно применить, и выберите пункт «Применить» из контекстного меню.
В инспекторе свойств HTML выберите из всплывающего меню «Класс» стиль класса, который нужно применить.
В области «Окно документа» щелкните правой кнопкой мыши (Windows) или щелкните при нажатой клавише Control (Macintosh) выбранный текст, затем выберите из контекстного меню «Стили CSS» стиль, который нужно применить.
Выберите «Формат» > «Стили CSS», а затем выберите из вложенного меню стиль, который нужно применить.
Удаление стиля класса из выделения
-
Выделите объект или текст, из которого нужно удалить стиль.
-
В инспекторе свойств HTML («Окно» > «Свойства») выберите пункт «Нет» из всплывающего меню «Класс».
Переименование стиля класса
-
На панели «Стили CSS» щелкните правой кнопкой мыши стиль класса CSS, который нужно переименовать, и выберите пункт «Переименовать класс».Примечание.
Можно также переименовать класс, выбрав пункт «Переименовать класс» из меню параметров панели «Стили CSS».
-
В диалоговом окне «Переименовать класс» убедитесь, что класс, который нужно переименовать, выбран во всплывающем меню «Переименовать класс».
-
В текстовом поле «Новое имя» введите новое имя для нового класса и нажмите кнопку «ОК».
Если класс, который нужно переименовать, является внутренним по отношению к заголовку текущего документа, то Dreamweaver изменяет имя класса и все экземпляры имени класса в текущем документе. Если класс, который нужно переименовать, является внешним CSS-файлом, то Dreamweaver открывает и изменяет имя класса в файле. Dreamweaver также запускает диалоговое окно «Найти и заменить», действующее в масштабах всего сайта, чтобы можно было найти все экземпляры старого имени класса в сайте.