Настройка элемента div нижнего колонтитула

1. В представлении Конструктор выберите элемент div нижнего колонтитула.

2. В меню Формат выберите Новый стиль.

Откроется диалоговое окно Новый стиль.

3. В поле Значение выбора введите или выберите #footer.

4. В списке Категория выберите Layout(Макет).

5. В списке clear выберите both.

6. Нажмите кнопку ОК.

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

Для эффективной работы с CSS поместите правила стилей в таблицу стилей. Затем на стили можно ссылаться со всех страниц, чтобы они имели единообразный внешний вид.

Также каскадные таблицы стилей можно использовать со схемами ASP.NET. Чтобы использовать таблицу стилей со схемой, ее необходимо поместить в нужную папку. Дополнительные сведения о схемах и CSS см. в разделе Общие сведения о темах и обложках ASP.NET.

Для создания таблицы стилей используйте те же методы, что и для создания новой страницы.

Создание таблицы стилей и присоединение ее к странице

1. В Обозревателе решений щелкните правой кнопкой имя веб-узла и выберите команду Добавить новый элемент.

2. В группе Установленные шаблоны Visual Studio выберите Таблица стилей.

3. В поле Имя введите Layout.css и нажмите кнопку Добавить.

Откроется редактор с новой таблицей стилей, содержащей пустое правило стилей body.

4. Откройте или перейдите к странице Default.aspx и откройте представление Конструктор.

5. В меню Формат выберите пункт Стили CSS, а затем — Управление стилями.

Откроется окно Управление стилями. (По умолчанию это окно закреплено.)

6. Выберите Присоединить таблицу стилей.

7. Откроется диалоговое окно Выбор таблицы стилей.

8. Выберите файл Layout.css и нажмите кнопку ОК.

В окне Управление стилями будет создана новая вкладка с именем Layout.css.

Таблицу стилей можно назначить странице несколькими способами. Самый простой способ — перетащить файл из Обозревателя решений в элемент заголовка страницы в преставлении «Источник».

Перемещение правил стилей со страницы в таблицу стилей

Для перемещения стилей с одной страницы на другую или для просмотра применения правил стилей на странице можно использовать область Управление стилями.

В данном пошаговом руководстве созданные правила стилей сохранялись в элементе style страницы Default.aspx. Эти правила стилей можно переместить в новую созданную таблицу стилей.

Перемещение правил стилей с помощью области управления стилями

1. На вкладке Текущая страница окна Управление стилями выберите все стили. (Стили можно выбрать с помощью клавиши SHIFT и щелчка.)

2. Перетащите выбранные стили на вкладку Layout.css окна Управление стилями.

Правила стилей будут перемещены со страницы Default.aspx в файл Layout.css. Это можно проверить, просмотрев страницу Default.aspx в представлении Источник и перейдя к странице Layout.css в редакторе.

Также с помощью окна Управление стилями можно изменить порядок стилей в таблице стилей. Например, можно перетащить каждое правило стиля таким образом, чтобы оно располагалось непосредственно под правилом стиля заголовка.