主题由一组元素组成：外观、级联样式表 (CSS)、图像和其他资源。 主题将至少包含外观。 主题是在网站或 Web 服务器上的特殊目录中定义的。

外观

<asp:button runat="server" BackColor="lightblue" ForeColor="black" />

级联样式表

主题图形和其他资源

<asp:Image runat="server" ImageUrl="ThemeSubfolder/filename.ext" />

<asp:Image runat="server" ImageUrl="~/AppSubfolder/filename.ext" />

您可以定义单个 Web 应用程序的主题，也可以定义供 Web 服务器上的所有应用程序使用的全局主题。 定义主题之后，可以使用 @ Page 指令的 Theme 或 StyleSheetTheme 特性将该主题放置在各页上；或者通过在应用程序配置文件中设置 <pages> 元素，将该主题应用于应用程序中的所有页。

如果在 Machine.config 文件中定义了 <pages> 元素，主题将应用于服务器上 Web 应用程序中的所有页。

页面主题

MyWebSiteApp_ThemesBlueThemeControls.skinBlueTheme.cssPinkThemeControls.skinPinkTheme.css

全局主题

可以通过指定主题的应用方式来指定主题设置相对于本地控件设置的优先级。

如果设置了页的 Theme 属性，则主题和页中的控件设置将进行合并，以构成控件的最终设置。 如果同时在控件和主题中定义了控件设置，

则主题中的控件设置将重写控件上的任何页设置。 即使页面上的控件已经具有各自的属性设置，此策略也可以使主题在不同的页面上产生一致的外观。

例如，它使您可以将主题应用于在 ASP.NET 的早期版本中创建的页面。

此外，也可以通过设置页面的 StyleSheetTheme 属性将主题作为样式表主题来应用。 在这种情况下，本地页设置优先于主题中定义的设置

（如果两个位置都定义了设置）。 这是级联样式表使用的模型。 如果您希望能够设置页面上的各个控件的属性，同时仍然对整体外观应用主题，

则可以将主题作为样式表主题来应用。

全局主题元素不能由应用程序级主题元素进行部分替换。 如果创建的应用程序级主题的名称与全局主题相同，

应用程序级主题中的主题元素不会重写全局主题元素。

返回页首

通常，可以使用主题来定义与某个页或控件的外观或静态内容有关的属性。 只能设置那些其 ThemeableAttribute 特性设置为 true（在控件类中）的属性。

显式地指定控件行为而不是指定外观的属性不接受主题值。 例如，不能使用主题来设置 Button 控件的 CommandName 属性。 同样，不能使用主题来设置 GridView 控件的 AllowPaging 属性或 DataSource 属性。

请注意，您不能使用表达式生成器，这些生成器在编译时生成页面中的主题赋值或外观赋值的代码表达式。

返回页首

主题与级联样式表类似，因为主题和样式表均定义一组可以应用于任何页的公共特性。 但是，主题与样式表在下列方面不同：

• 主题可以定义控件或页的许多属性，而不仅仅是样式属性。 例如，使用主题，可以指定 TreeView 控件的图形、GridView 控件的模板布局，等等。

• 主题可以包括图形。

• 主题级联的方式与样式表不同。 默认情况下，页面的 Theme 属性所引用的主题中定义的任何属性值都会重写控件上以声明方式设置的属性值，

• 除非您使用 StyleSheetTheme 属性显式应用主题。 有关更多信息，请参见上面的“主题设置优先级”部分。

• 每页只能应用一个主题。 不能向一页应用多个主题，这与样式表不同，样式表可以向一页应用多个样式表。

返回页首

在网站上使用主题时可能会引发安全问题。 恶意主题可用于：

• 改变控件的行为，导致它有异于预期行为。

• 插入客户端脚本，从而导致跨站点式脚本风险。

• 改变验证。

• 公开敏感信息。

• 这些常见威胁的缓解措施有：

• 使用正确的访问控制设置来保护全局和应用程序主题目录。 应只允许受信任的用户将文件写入主题目录中。

• 不要使用来自不受信任的源的主题。 若要在网站上使用来自您单位外部的主题，始终都应先检查它是否包含恶意代码。

• 不要在查询数据中公开主题名称。 恶意用户可以通过此信息来使用开发人员不知道的主题，从而公开敏感信息。

返回页首

如何：定义 ASP.NET 页面主题

提供有关如何对页或网站或者全局应用主题的分步说明。

如何：应用 ASP.NET 主题

提供分步说明

如何：禁用 ASP.NET 主题

提供有关如何配置页或控件以忽略主题的分步说明。

如何：以编程方式应用 ASP.NET 主题

提供有关如何以编程方式对页面主题和样式表主题进行设置的分步说明。

演练：创建用户可选择的主题

提供一个分步教程，演示如何创建允许用户选择页面主题的 ASP.NET 页。

ASP.NET 母版页

描述如何为网站中的页创建一致的布局。

ASP.NET Web 服务器控件和 CSS 样式

描述如何在 ASP.NET 网页中使用 CSS 样式。

ASP.NET 网页

提供指向有关创建 ASP.NET 网页的主题的链接。

如何：定义 ASP.NET 页面主题

.NET Framework 4

其他版本

0（共 1）对本文的评价是有帮助 - 评价此主题

在 Visual Web Developer 中，您可以定义一些页主题，然后可以将这些页主题应用于应用程序的一个或多个页。 您也可以创建计算机级的主题，

主题由多个支持文件组成，包括页外观样式表、定义服务器控件外观的控件外观，以及构成主题的任何其他支持图像或文件。

通过使用 Theme 或 @ Page 指令的 StyleSheetTheme 特性，或者通过在应用程序配置文件中设置 pages 元素（ASP.NET 设置架构） 元素，

创建页主题

1. 在解决方案资源管理器中，右击要为其创建页主题的网站名称，然后单击“添加 ASP.NET 文件夹”。

2. 单击“主题”。

   如果 App_Themes 文件夹不存在，Visual Web Developer 则会创建该文件夹。 Visual Web Developer 即为主题创建一个新文件夹，作为 App_Themes 文件夹的子文件夹。

3. 键入新文件夹的名称。

   此文件夹的名称也是页主题的名称。 例如，如果您创建一个名为 \App_Themes\FirstTheme 的文件夹，则主题的名称为 FirstTheme。

4. 将构成主题的控件外观、样式表和图像的文件添加到新文件夹中。

将外观文件和外观添加到页主题

1. 在解决方案资源管理器中，右击主题的名称，然后单击“添加新项”。

2. 在“添加新项”对话框中，单击“外观文件”。

3. 在“名称”框中，键入 .skin 文件的名称，然后单击“添加”。

   通常的做法是为每个控件创建一个 .skin 文件，如 Button.skin 或 Calendar.skin。 但是，您也可以根据需要创建任意数量的 .skin 文件。

4. 在 .skin 文件中，使用声明性语法添加标准控件定义，但仅包含要为主题设置的属性。 控件定义必须包含 runat="server" 特性，必须不包含 ID="" 特性。

   下面的代码示例演示 Button 控件的默认控件外观，其中定义了主题中所有 Button 控件的颜色和字体。

   <asp:Button runat="server" BackColor="Red" ForeColor="White" Font-Name="Arial" Font-Size="9px" />
   

   此 Button 控件外观不包含 skinID 特性。 它将应用于使用主题的应用程序中所有未指定 skinID 特性的 Button 控件。

   注意
   创建控件外观的简单方法是将控件添加到页，并对其进行配置，使其具有您想要的外观。 例如，您可以将一个 Calendar 控件添加到页，并设置其日标题、选定的日期和其他属性。 然后，您可以将控件定义从页中复制到外观文件，但必须移除 ID 特性。

5. 对您想创建的每个控件外观文件重复步骤 2 和 3。

   注意
   每个控件只能定义一个默认外观。 使用外观的控件声明中的 SkinID 特性为相同类型的控件创建命名外观。

将级联样式表文件添加到页主题

1. 在解决方案资源管理器中，右击主题的名称，然后单击“添加新项”。

2. 在“添加新项”对话框中，单击“样式表”。

3. 在“名称”框中，键入 .css 文件的名称，然后单击“添加”。

   当主题应用于页时，ASP.NET 向页的 head 元素添加对样式表的引用。 有关更多信息，请参见 如何：应用 ASP.NET 主题

创建全局主题

全局主题应用于服务器上的所有网站。 创建全局主题文件夹的位置取决于您是使用 Internet 信息服务 (IIS) 运行网站还是

注意
如果您使用文件系统网站，则默认情况下，Visual Web Developer 启动 ASP.NET 开发服务器来运行网站进行测试。 对于其他类型的网站，Visual Web Developer 在 IIS 中运行页进行测试。

创建全局主题

1. 使用下面的路径创建 Themes 文件夹。

   %windows%\Microsoft.NET\Framework\version\ASP.NETClientFiles\Themes
   

   注意
   全局主题的文件夹名称为 Themes，而不是 App_Themes，因为后者用于页主题。

   创建 Themes 文件夹的子文件夹以保存全局主题文件。

   子文件夹的名称即是主题的名称。 例如，如果您创建一个名为 \Themes\FirstTheme 的文件夹，则主题的名称为 FirstTheme。

2. 将构成全局主题的控件外观、样式表和图像的文件添加到新文件夹中。

   注意
   在定义全局主题时，不能使用 Visual Web Developer 直接将外观和样式表文件添加到全局主题中。 您可能会发现一种更简单的方式， 即将主题作为页主题进行定义和测试，然后将其复制到 Web 服务器上用于全局主题的文件夹中。

3. 如果网站是要使用 ASP.NET 开发服务器测试的文件系统网站，则可以立即对主题进行测试。

4. 如果要使用本地 IIS 网站测试网站，则打开命令窗口，然后运行 aspnet_regiis -c 在运行 IIS 的服务器上安装主题。

5. 如果要在远程网站或 FTP 网站上测试主题，则必须使用下面的路径手动创建 Themes 文件夹。

   IISRootWeb\aspnet_client\system_web\version\Themes

都可以应用主题。 Visual Web Developer 只以可视方式显示使用StyleSheetTheme 特性应用的主题。

使用 ASP.NET 开发服务器测试网站。

无论主题是定义为页主题还是全局主题，主题的内容都是相同的。

这种主题可用在服务器上的多个应用程序中。

如何：应用 ASP.NET 主题

.NET Framework 4

其他版本

此主题尚未评级 - 评价此主题

您可以对页或网站应用主题，或对全局应用主题。 在网站级设置主题会对站点上的所有页和控件应用样式和外观，除非对个别页重写主题。

默认情况下，主题重写本地控件设置。 或者，您可以设置一个主题作为样式表主题，以便该主题将仅应用于未在控件上显式设置的控件设置。

对网站应用主题

1. 在应用程序的 Web.config 文件中，将 <pages> 元素设置为全局主题或页面主题的主题名称，如下面的示例所示：

   <configuration><system.web><pages theme="ThemeName" /></system.web>
   </configuration>
   

   注意
   如果应用程序主题与全局应用程序主题同名，则页面主题优先。

2. 要将主题设置为样式表主题并作为本地控件设置的从属设置，应改为设置 styleSheetTheme 特性：

   <configuration><system.web><pages styleSheetTheme="Themename" /></system.web>
   </configuration>
   

Web.config 文件中的主题设置会应用于该应用程序中的所有 ASP.NET 网页。 Web.config 文件中的主题设置遵循常规的配置层次结构约定。

对单个页应用主题

• 将 @ Page 指令的 Theme 或 StyleSheetTheme 特性设置为要使用的主题的名称，如下面的示例所示：

  <%@ Page Theme="ThemeName" %>
  <%@ Page StyleSheetTheme="ThemeName" %>
  

  现在，该主题及其对应的样式和外观仅应用于声明它的页。

对控件应用外观

主题中定义的外观应用于已应用该主题的应用程序或页中的所有控件实例。 在某些情况下，您可能希望对单个控件应用一组特定属性。

对控件应用命名外观

• 设置控件的 SkinID 属性，如下面的示例所示：

  <asp:Calendar runat="server" ID="DatePicker" SkinID="SmallCalendar" />
  

  如果页面主题不包括与 SkinID 属性匹配的控件外观，则控件使用该控件类型的默认外观。

例如，要仅对一部分页应用某主题，可以将这些页与它们自己的 Web.config 文件放在一个文件夹中，或者在根 Web.config 文件中创建一个 <location> 元素以指定文件夹。 有关详细信息，请参见 配置特定文件和子目录。

这可以通过创建命名外观（.skin 文件中设置了 SkinID 属性的一项），然后按 ID 将它应用于各个控件来实现。

在页面级设置主题会对该页及其所有控件应用样式和外观。