Практическое руководство. Использование панели инструментов "Непосредственное применение стиля"

Обновлен: Ноябрь 2007

Панель инструментов Непосредственное применение стиля позволяет создавать и изменять стили. Панель Непосредственное применение стиля можно использовать с остальными средствами CSS в Visual Studio. К ним относятся окно Свойства СSS, окно Управление стилями и окно Применить стили.

При применении стилей к элементу страницы, для которого нет правила стиля CSS, можно использовать панель инструментов Непосредственное применение стиля для создания и применения нового стиля. Например, можно выбрать параграф и применить цвет к тексту с помощью панели инструментов Непосредственное применение стиля. В этом случае Visual Studio создает новый стиль CSS и применяет его к тексту. При форматировании другого свойства того же абзаца, например семейства шрифтов абзаца, Visual Studio добавляет новое объявление свойства в созданное правило стиля.

Работа с панелью инструментов «Непосредственное применение стиля»

Можно использовать панель инструментов Непосредственное применение стиля для создания и изменения стилей в режиме «Авто» или «Вручную». Тем, кто впервые работает с таблицами CSS, рекомендуется использовать режим «Авто», при котором Visual Studio автоматически создает правила стилей. Опытные разработчики таблиц CSS могут использовать режим «Вручную», который позволяет пользователю в максимальной степени контролировать написание правила стиля.

В режиме «Вручную» можно добавлять новые объявления свойства в другой стиль. К другим стилям относятся новые стили, другие созданные стили или стили, созданные пользователем. При работе в режиме «Вручную» Visual Studio при необходимости добавляет элементы на веб-страницу, чтобы правильно назначить стиль.

Общие сведения о панели инструментов «Непосредственное применение стилей»

В следующей таблице перечислены элементы панели инструментов Непосредственное применение стиля.

Примечание.
При работе в режиме «Авто» выпадающее меню Конечное правило отключено, также как и кнопка Повторно использовать существующий стиль.

Элемент	Описание
	Выпадающее меню Применение стилей позволяет выбирать режим создания и изменения стилей. Для новичков в разработке таблиц CSS рекомендуется использование режима «Авто». Опытные пользователи, умеющие работать с CSS, могут использовать режим «Вручную», чтобы оптимизировать процесс разработки.
	Выпадающее меню Конечное правило относится к новым свойствам CSS. Его можно использовать для просмотра имени стиля, которое необходимо изменить, или типа стиля, созданного для текущего элемента. По умолчанию конечное правило применяется к стилю, имеющему наиболее высокий приоритет. Если стиль не существует, по умолчанию используется Новый автоматический класс. Выпадающее меню Конечное правило предоставляет следующие параметры. Действие каждого параметра варьируется в зависимости от текущего выделенного фрагмента. Встроенный стиль.   Вносит исправления в существующее объявление свойства или добавляет новое объявление свойства к существующему встроенному стилю. Добавить встроенный стиль.   Добавляет объявление свойства к вновь созданному встроенному стилю и применяет стиль к текущему открывающему тегу. Данный параметр доступен только в случае, если встроенный стиль не существует для текущего элемента страницы. Добавить автоматический идентификатор «#id».   Создает новый стиль для примененного идентификатора, не имеющего набора правил. Рекомендуется использовать данный параметр при создании для элементов страницы идентификаторов, не имеющих стилей, и при последующем применении стилей к данным элементам. Новый автоматический класс.   Создает новый стиль для примененного класса, не имеющего правила. Новый автоматический класс «.rule».   Добавляет объявление свойства к автоматически созданному стилю, основанному на классе, и применяет стиль к текущему открывающему тегу. Рекомендуется использовать данный параметр при создании для элементов страницы классов, не имеющих стилей, и при последующем применении стилей к данным элементам. Применить новый стиль.   Создает новый стиль с помощью диалогового окна Новый стиль и при необходимости применяет стиль к текущему выделенному фрагменту.
	Кнопка Повторно использовать существующий стиль относится к изменениям существующих стилей и свойств. Если выбранный стиль не содержит объявления для форматируемого свойства, но другой стиль в текущем выделенном фрагменте содержит такое объявление, кнопка Повторно использовать существующий стиль определяет, какой стиль будет изменен. При выборе кнопки Повторно использовать существующий стиль изменяется то свойство, которое содержит объявление. Если кнопка Повторно использовать существующий стиль не выбрана, изменяется конечное правило.
	С помощью кнопкиПоказать наложение можно определить, будет ли показано наложение для элементов, к которым применяется выбранное правило. При выборе данного параметра конструктор отображает пунктирную рамку вокруг того содержимого, которое использует стиль, выбранный из выпадающего меню Конечное правило. Наложение позволяет увидеть, какие элементы были изменены с помощью панели инструментов Непосредственное применение стиля. Данная функция особенно полезна при применении нескольких правил, поскольку она облегчает доступ к конкретному правилу, которое необходимо изменить.

Использование панели инструментов «Непосредственное применение стилей» с элементами управления ASP.NET

Панель инструментов Непосредственное применение стиля можно использовать для изменения стилей серверных элементов управления ASP.NET, поддерживающих применение стиля. Также можно использовать панель инструментов, чтобы применять стили к серверным элементам управления, которые определяют свойства для встроенных стилей и для атрибута CssClass, наследующих от класса WebControl. Для пользовательских элементов управления данные свойства не определены. Следовательно, нельзя использовать данную панель инструментов для пользовательских элементов управления.

Не следует использовать для серверных элементов управления правила стилей, основанные на идентификаторе. Имя, присвоенное в разметке или в серверном коде, не обязательно является идентификатором визуализированного HTML-элемента. Таким образом, идентификаторы не предоставляют надежных способов применения стилей к серверным элементам управления.

Использование панели инструментов «Непосредственное применение стилей»

Чтобы определить способ создания правил стиля, можно задать режим применения в панели инструментов Непосредственное применение стиля.

Определение режима применения в панели инструментов «Непосредственное применение стилей»

• В панели инструментов Непосредственное применение стиля щелкните выпадающее меню Применение стиля и выберите пункт Авто или Вручную.

Панель инструментов Непосредственное применение стиля предоставляет быстрый способ создания новых стилей или изменения существующих правил стиля.

Создание новых стилей с помощью панели инструментов «Непосредственное применение стилей»

1. В представлении конструкторования или в представлении исходного кода переключитесь в режим применения стиля Вручную.

2. Выделите содержимое, которое требуется форматировать.

3. В панели Непосредственное применение стиля щелкните выпадающее меню Конечное правило, а затем выполните одно из следующих действий:

   • Чтобы создать новый стиль, основанный на примененном форматировании, а также применить стиль к текущему содержимому, необходимо выбрать команду Добавить встроенный стиль, Добавить автоматический идентификатор или Новый автоматический класс и выполнить форматирование содержимого.

   • Чтобы создать новый стиль с помощью диалогового окна Добавить стиль и при необходимости применить стиль к текущему выделению, следует выбрать команду Применить новый стиль.

Можно изменять существующее правило стиля, примененного к выделенному фрагменту, либо создать новое объявление свойства для правила стиля.

Изменение существующих стилей с помощью панели инструментов «Непосредственное применение стиля»

1. В режиме Конструктора или в режиме просмотра Исходного кода переключитесь в режиме применения стиля Вручную.

2. Выделите содержимое, которое требуется форматировать.

3. В панели инструментов Непосредственное применение стиля в выпадающем меню Конечное правило выберите желаемый стиль.

4. Если выбранный стиль не содержит объявления для форматируемого свойства, но такое объявление содержит другой стиль в текущем выделенном фрагменте, следует выбрать команду Повторно использовать существующий стиль, чтобы изменить существующий стиль.

5. Выполните форматирование содержимого.

См. также

Основные понятия

Практическое руководство. Использование диалоговых окон "Применить стили" и "Управление стилями"

Практическое руководство. Использование окна "Свойства CSS"