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>

效果: