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