主题

 

主题

主题是属性设置的集合，使用这些设置可以定义页面和控件的外观，然后在某个 Web 应用程中的所有页、整个 Web 应用程序或服务器上的所有 Web 应用程中一致地应用此外观。例如，让所有的Button都具有相同的边框、背景色、字体等。ASP.NET的主题与HTML中的CSS既有联系又有区别，两者经常配合使用。

创建新主题

1. 在 Visual Web Developer 中，右击网站名，单击“添加 ASP.Net 文件夹”，然后单击“主题”。

   将创建名为“App_Themes”的文件夹和名为“Theme1”的子文件夹。

2. 将“Theme1”文件夹重命名为 sampleTheme。

   此文件夹名将成为创建的主题的名称（在这里是“sampleTheme”）。具体名称无关紧要，但是在应用自定义主题的时候，必须记住该名称。

3. 右击“sampleTheme”文件夹，选择“添加新项”，添加一个新的文本文件，然后将该文件命名为 sampleTheme.skin。

4. 在 sampleTheme.skin 文件中，按下面的代码示例所示的方法添加外观定义。

<asp:Button runat="server" BackColor="lightgreen" BorderStyle="Solid" BorderColor="DarkGreen" />

提示：外观文件中通常包含很多属性，而且不能直接看到这些属性对应的效果，这给外观文件造成不少的困难。可以先在ASP.NET中以所见即所得的方式设置好控件外观属性，然后再复制到外观文件中。注意在复制代码时要把控件ID删除。

如果向“sampleTheme”文件夹添加一个级联样式表文件 (CSS)，则该级联样式表将应用于所有使用该主题的页。 

  5. 在@ Page 指令中，添加一个将 sampleTheme 指定为主题名称的Theme 特性

<%@ Page Language="C#" MasterPageFile="~/Shop/ShopMasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Shop_Manage_Default" Title="无标题页" Theme="sampleTheme" %>