定義

　　主題由一組元素組成：外觀、級聯樣式表 （CSS）、圖像和(hé)其他(tā)資源。主題将至少(shǎo)包含外觀。主題是在網站或 Web 服務器(qì)上(shàng)的(de)特殊目錄中定義的(de)。

　　外觀

　　外觀文(wén)件(jiàn)具有(yǒu)文(wén)件(jiàn)擴展名 .skin，它包含各個(gè)控件(jiàn)的(de)屬性設置。控件(jiàn)外觀設置類似于控件(jiàn)标記本身，但(dàn)隻包含您要作爲主題的(de)一部分(fēn)來設置的(de)屬性。

　　有(yǒu)兩種類型的(de)控件(jiàn)外觀 -“默認外觀”和(hé)“已命名外觀”：

　　當向頁應用(yòng)主題時，默認外觀自動應用(yòng)于同一類型的(de)所有(yǒu)控件(jiàn)。如(rú)果控件(jiàn)外觀沒有(yǒu) SkinID 屬性，則是默認外觀。已命名外觀是設置了 SkindID屬性的(de)控件(jiàn)外觀。

　　級聯樣式表

　　主題還可(kě)以包含級聯樣式表（。css 文(wén)件(jiàn)）。将 .css 文(wén)件(jiàn)放(fàng)在主題文(wén)件(jiàn)夾中時，樣式表自動作爲主題的(de)一部分(fēn)加以應用(yòng)。使用(yòng)文(wén)件(jiàn)擴展名 .css 在主題文(wén)件(jiàn)夾中定義樣式表。

　　主題圖形和(hé)其他(tā)資源

　　主題還可(kě)以包含圖形和(hé)其他(tā)資源，例如(rú)腳本文(wén)件(jiàn)或聲音(yīn)文(wén)件(jiàn)。

　　例子

　　1、 首先選擇網站項目名稱→右鍵單擊→添加新項

　　2.系統會(huì)建立一個(gè)app_themes文(wén)件(jiàn)夾，并在裏面建立一個(gè)皮膚文(wén)件(jiàn)夾sampleTheme，并在裏面建立一個(gè)皮膚文(wén)件(jiàn)sampleTheme.skin.

　　3.在皮膚文(wén)件(jiàn)夾sampleTheme中添加一個(gè)Label.skin文(wén)件(jiàn)和(hé)Calendar.skin文(wén)件(jiàn)。

　　4.文(wén)件(jiàn)内容如(rú)下：

　　Label.skin

<asp:label runat="server"
    font-bold="true"
    forecolor="orange" />
   
<asp:label runat="server" SkinID="Blue"
    font-bold="true"
    forecolor="blue" />
 

　　Calendar.skin：

<asp:Calendar runat="server"
    BackColor="#FFFFCC"
    BorderColor="#FFCC66"
    BorderWidth="1px"
    DayNameFormat="FirstLetter"
    Font-Names="Verdana"
    Font-Size="8pt"
    ForeColor="#663399"
    Height="200px"
    ShowGridLines="True"
    Width="220px">
   
    <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
    <SelectorStyle BackColor="#FFCC66" />
    <OtherMonthDayStyle ForeColor="#CC9966" />
    <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
    <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
    <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
    <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />
</asp:Calendar>

<asp:Calendar SkinID="Simple" runat="server"
    BackColor="White"
    BorderColor="#999999"
    CellPadding="4"
    DayNameFormat="FirstLetter"
    Font-Names="Verdana"
    Font-Size="8pt"
    ForeColor="Black"
    Height="180px"
    Width="200px">
   
    <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
    <SelectorStyle BackColor="#CCCCCC" />
    <WeekendDayStyle BackColor="#FFFFCC" />
&n