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>
效果:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步