Asp.Net--主题/皮肤文件

主题

是皮肤的集合.皮肤描述了控件应该如何显示,它可以定义样式的属性,图片,颜色等.

如果拥有多个主题,用户可以根据需要选择主题来显示站点,这只需要通过点击按钮,从一个皮肤切换到另一个皮肤.

皮肤文件保存在App_Themes文件夹下,

主题有两种类型:

1.样式表主题

它们定义了可能被页面或控件重载的样式.实际上,它与CSS样式表是等价的.

2.定制主题

不能被重载,只能通过page指令中添加StyleSheetTheme属性设置主题.与之相似,还可以通过page指令的设置Theme属性来设置主题

提示:

通过web.config文件的system.web元素中添加pages元素,可以完成对整个网站默认主题的设置.如下:

<pages theme="SkinFile">
</pages>

皮肤包括两种类型:

默认类型:

<asp:TextBox runat="server" BackColor="ActiveBorder"></asp:TextBox>

命名皮肤:

<asp:Label runat="server" SkinID="label" BackColor="Azure"></asp:Label>

皮肤文件(SkinFile):

<asp:TextBox runat="server" BackColor="ActiveBorder"></asp:TextBox>
<asp:Label runat="server" SkinID="label" BackColor="Silver"></asp:Label>

前台代码:

在@page中,theme="SkinFile"

    <asp:TextBox runat="server" ID="txt1" Text="This is TextBox">
    </asp:TextBox>
    <br />
    <asp:Label runat="server" ID="lb" SkinID="label" Text="This is Lable1"></asp:Label>
    <br />
    <asp:Label runat="server" Text="this is label2"></asp:Label>

效果: