Вставка и форматирование текста > Применение стилей CSS > Создание CSS-стиля в Dreamweaver |
![]() ![]() ![]() |
Создание CSS-стиля в Dreamweaver
Создайте таблицу стилей CSS, чтобы автоматизировать форматирование тегов HTML или диапазонов текста, имеющих атрибут class.
Чтобы создать таблицу стилей CSS:
1 | Выберите команду Window (Окно) > CSS Styles (Стили CSS) и в панели CSS Styles (Стили CSS) щелкните правой кнопкой мыши (Windows) или выполните Control-щелчок (Macintosh) и выберите команду New Style (Новый стиль) в контекстном меню. Можно также щелкнуть на значке New Style (Новый стиль), находящемся в правом нижнем углу панели CSS Styles (Стили CSS). |
2 | Укажите следующие настройки стиля CSS: |
Переключатель Make Custom Style (class) (Создать особый стиль (класс)) создает стиль, который может быть применен как атрибут class к диапазону или блоку текста; | |
Переключатель Redefine HTML Tag (Переопределить тег HTML) пересматривает форматирование, указанное по умолчанию для HTML-тега | |
Переключатель Use CSS Selector (Использовать переключатель CSS) определяет форматирование для специфической комбинации тегов или для всех тегов, которые содержат определенный ID-атрибут | |
3 | Введите название, тег или селектор для нового стиля. Помните: |
![]() |
· имена пользовательских стилей CSS должны начинаться с точки. Если вы не введете точку самостоятельно, то Dreamweaver добавит ее за вас. Например .myhead1. |
![]() |
Чтобы переопределить стиль тега HTML, введите тег HTML или выберите его из раскрывающегося списка Teg (Тег), который появится на месте раскрывающегося списка Name (Имя). |
![]() |
Для избирательного стиля CSS введите любые допустимые критерии (например, <TD H2> или #myStyle) или выберите селектор из раскрывающегося списка Selector (Селектор). |
4 | Выберите местоположение, в котором стиль будет определен: new (новый) или This Document Only (Только в этом документе). |
5 | Нажмите OK. Появится диалоговое окно Style Definition for (Определение стиля для) c указанием имени стиля. |
6 | Выберите категорию в списке Category (Категория) и укажите настройки форматирования для нового стиля CSS. Если атрибуты для стиля не обязательны, можете не задавать их. |
Атрибуты, которые не появляются в окне Document (Документ), отмечены звездочкой (*) в диалоговом окне Style Definition for (Определение стиля для). Некоторые из атрибутов стиля CSS, которые можно устанавливать в Dreamweaver, по-разному отображаются в Microsoft Internet Explorer 4.0 и Netscape Navigator 4.0, а часть из них в настоящее время не поддерживается ни одним браузером. | |
7 | Нажмите кнопку ОК или Apply (Применить). |
![]() |
Дополнительную информацию см.:
Когда вы создаете пользовательский стиль (так называемый класс), он появляется
в панели CSS Styles (Стили CSS) и в подменю Text (Текст) > CSS Styles (Стили
CSS). Стили тега HTML и стили отбора CSS не появляются в панели CSS Styles (Стили
CSS), потому что они не могут применяться; они автоматически отражаются в окне
Document (Документ) везде, где тег или происходит отбор.
![]() ![]() ![]() |