Создание стиля CSS в Dreamweaver

Создайте таблицу стилей CSS, чтобы автоматизировать форматирование тегов HTML или диапазонов текста, имеющих атрибут class.

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

Дополнительную информацию смотрите:

- панель Style Definition Type
- панель Style Definition Background
- панель Style Definition Block
- панель Style Definition Box
- панель Style Definition Border
- панель Style Definition List
- панель Style Definition Positioning
- панель Style Definition Extensions

Когда вы создаете пользовательский стиль (так называемый класс), он появляется в панели CSS Styles и в подменю Text > CSS Styles. Стили тега HTML и стили отбора CSS не появляются в панели CSS Styles, потому что они не могут применяться; они автоматически отражаются в окне документа везде, где тег или происходит отбор.