Применение стилей CSS

Вставка и форматирование текста > Применение стилей 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 (Применить).

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

Панель 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 (Стили CSS) и в подменю Text (Текст) > CSS Styles (Стили CSS). Стили тега HTML и стили отбора CSS не появляются в панели CSS Styles (Стили CSS), потому что они не могут применяться; они автоматически отражаются в окне Document (Документ) везде, где тег или происходит отбор.