Создание и связь с внешней таблицей стилей

Таблица стилей 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.