Таблица стилей CSS - внешний текстовый файл, содержащий стили и спецификации
форматирования. Если вы редактируете внешнюю таблицу стилей CSS, то все документы,
связанные с этой таблицей, обновляются, чтобы отразить результаты изменения.
Стили CSS, находящиеся в документе, можно экспортировать, чтобы создать на их
основе новую таблицу стилей CSS, а также применить их к документу или связывать
его с внешней таблицей стилей.
Справочная система Dreamweaver состоит из страниц HTML, которые используют
связанный лист стиля CSS, называемый help.css. Чтобы увидеть, как выглядит код,
определяющий стиль CSS, откройте файл help.css, расположенный в папке Help\html,
в тестовом редакторе. Откройте любой из файлов темы (которые начинаются с номера)
и посмотрите, как таблица стилей CSS связана с документом с помощью тега <LINK>,
а также как применяются определенные стили CSS.
Чтобы применить CSS-стиль или связать документ с внешней таблицей стилей CSS:
1 Выберите команду Window > CSS Styles или щелкните на значке CSS Styles
в панели Запускf.
2 В панели CSS Styles щелкните правой кнопкой мыши (Windows) или Control+щелчок
(Macintosh) и выберите команду Attach Style Sheet из контекстного меню. Можно
также щелкнуть на одноименном значке в правом нижнем углу панели CSS Styles.
3 В диалоговом окне Select Style Sheet File введите имя файла в поле URL или
найдите файл, который вы хотите присоединить.
4 Укажите, какой тип пути вы используете - документозависимый
или корнезависимый.
5 Нажмите кнопку выбора Select. Таблица стилей будет присоединена к вашему документу,
а указанные в ней стили появятся в панели CSS Styles.
Чтобы создать внешнюю таблицу стилей CSS или связать с ней документ:
1 Выберите команду Window > CSS Styles или щелкните на значке CSS Styles
в панели Запуска.
2 В панели CSS Styles щелкните правой кнопкой мыши (Windows) или Control+щелчок
(Macintosh) и выберите в контекстном меню команду Edit Style Sheet.
3 В диалоговом окне Edit Style Sheet нажмите кнопку Link.
4 В диалоговом окне Link External Style Sheet выполните одно из действий:
- нажмите кнопку Browse (Windows) или Choose (Macintosh), чтобы указать путь
к внешней таблице стилей CSS, или введите путь к таблице стилей в поле File/URL.
(рекомендуется все же использовать поиск, потому что это гарантирует, что указанный
путь верен);
- создайте новую внешнюю таблицу стилей CSS, введя новое имя файла (который
еще не существует в указанной папке). Такой файла должен иметь расширение css.
5 Выберите одну из настроек Add As: Link (Связать) или Import (Импортировать),
чтобы определить и создать тег, который будет использоваться для применения
внешней таблицы CSS-стилей, а затем нажмите ОК.
С настройкой Import информация о внешнем файле таблицы стилей CSS вносится в
текущий документ, в то время как с настройкой Link информация принимается, но
не вносится в документ.
Оба переключателя, Import и Link, связывают все стили во внешней таблице стилей
CSS с текущим документом, но настройка Link предлагает больше возможностей и
работает в большем количестве браузеров. Имя внешней таблицы стилей CSS появляется
с идентификатором связи или импорта в списке стилей в диалоговом окне Edit Style
Sheet. Завершите выполнение этой инструкции, чтобы создать или отредактировать
стили, определенные во внешней таблице стилей CSS.
6 В диалоговом окне Edit Style Sheet выберите имя внешней таблицы стилей и нажмите
кнопку Edit. Для этой таблицы стилей появится собственное диалоговое окно Edit
Style Sheet.
7 Нажмите кнопку New, чтобы определить стили во внешней таблице стилей CSS.
8 8. В диалоговом окне New Style определите новый стиль (см. Создание
CSS-стиля в Dreamweaver.)
9 Когда вы закончите определять стили, нажмите Save.