Создание стиля 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, потому что они не могут применяться;
они автоматически отражаются в окне документа везде, где тег или происходит
отбор.
Реклама
|