В документе выберите текст, к
которому вы хотите применить стиль CSS.
Последнее обновление
6 мая 2019 г.
Узнайте, как применять, удалять или переименовывать стили класса CSS в Dreamweaver
Примечание
В Dreamweaver и более поздних версиях панель «Стили 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 также запускает диалоговое окно поиска и замены по всему сайту, чтобы вы могли найти все экземпляры старого имени класса на вашем сайте.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
