Стили
Рис. 20.34. Страница, содержащая описание стилей
Использование внешней таблицы стилей
Мы рассмотрели создание внешней таблицы стилей. Для того чтобы таблицу можно было использовать, ее необходимо связать со страницами Web-узла. Для этого выполните следующие действия:
- Откройте Web-узел, содержащий созданную нами внешнюю таблицу стилей.
- В меню Формат (Format) выберите команду Ссылки таблицы стилей (StyleSheet Links).
- Открывается диалоговое окно Связать с таблицей стилей (Link Style Sheet) (рис. 20.35). В его верхней части расположены две опции:
- все страницы (All pages) – связывает таблицу стилей со всеми страницами Web-узла
- выделенные страницы (Selected page(s)) – связывает таблицу стилей с выбранной страницей
Чтобы связать созданную таблицу стилей со всеми страницами, установите опцию Все страницы (All pages).
- Для указания названия таблицы стилей, с которой необходимо связать страницы Web-узла, нажмите кнопку Добавить (Add).
Рис. 20.35. Диалоговое окно Связать с таблицей стилей - В открывшемся диалоговом окне Выбор таблицы стилей (Select Style Sheet) выберите созданную таблицу стилей. В нашем примере это файл styles.css. Имя файла переносится в поле Адрес URL (URL).
- Нажмите кнопку ОК.
- Вы возвращаетесь в диалоговое окно Связать с таблицей стилей. Имя таблицы CSS размещено в списке под опциями.
- Нажмите кнопку ОК для закрытия окна. Посмотрите на страницы Web-узла, с которыми связана таблица CSS. Ко всем элементам Web-страниц применено форматирование в соответствии со значениями таблицы стилей.
Откройте любую страницу Web-узла, с которой связана таблица стилей, в режиме просмотра HTML кодов. Для этого выберите вкладку HTML-код в нижней части рабочей области программы. Просмотрите коды Web-страницы. Вы обязательно найдете там строку приблизительно следующего вида:
<link rel="stylesheet" type="text/css" href="styles.css">В ней указано наименование таблицы CSS, с которой связана данная страница.