FrontPage
Программа создания сайтов

Использование внешней таблицы CSS

Мы рассмотрели создание внешней таблицы стилей. Для того чтобы таблицу можно было использовать, ее необходимо связать со страницами сайта. Для этого выполните следующие действия:

1. Откройте сайт, содержащий созданную нами внешнюю таблицу стилей.
2. В меню Формат (Format) выберите команду Ссылки таблицы стилей (Style Sheet Links).
3. Открывается диалоговое окно Связать с таблицей стилей (Link Style Sheet) (рис. 20.35). В его верхней части расположены две опции:

  • все страницы (All pages) — связывает таблицу стилей со всеми страницами сайта
  • выделенные страницы (Selected page(s)) — связывает таблицу стилей с выбранной страницей

Чтобы связать созданную таблицу стилей со всеми страницами, установите опцию все страницы (All pages).

4. Для указания названия таблицы стилей, с которой необходимо связать страницы сайта, нажмите кнопку Добавить (Add).

Рис. 20.35. Диалоговое окно "Связать с таблицей стилей"

5. В открывшемся диалоговом окне Выбор таблицы стилей (Select Style Sheet) выберите созданную таблицу стилей. В нашем примере это файл styles.css. Имя файла переносится в поле Адрес URL (URL).
6. Нажмите кнопку ОК.
7. Вы возвращаетесь в диалоговое окно Связать с таблицей стилей. Имя таблицы CSS размещено в списке под опциями.
8. Нажмите кнопку ОК для закрытия окна.

Посмотрите на страницы сайта, с которыми связана таблица CSS. Ко всем элементам Web-страниц применено форматирование в соответствии со значениями таблицы стилей.

Откройте любую страницу сайта, с которой связана таблица стилей, в режиме просмотра HTML кодов. Для этого выберите вкладку HTML-код в нижней части рабочей области программы. Просмотрите коды Web-страницы. Вы обязательно найдете там строку приблизительно следующего вида:

<link rel="stylesheet" type="text/css" href="styles.css">

В ней указано наименование таблицы CSS, с которой связана данная страница.


Рейтинг@Mail.ru