熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 5.1.4 設置站點級別的樣式[3]

2013-11-13 11:06:54  來源: .NET編程 

    操作回顧

    所顯示的ThemeDefaultaspx頁面看起來好像是兩種主題同時作用的結果盡管指定了站點的所有頁面都應該使用Red Customization主題然而在前面的示例中您在Blue主題中添加了一個CSS文件並設置了一些樣式信息同時因為Blue主題被設置為站點的Stylesheet主題而且在Red主題中沒有對應的樣式信息因此這些樣式將得以從Blue主題中提取出來並應用於<body>中的文本和Unstyled label標簽控件

    該頁面的<body>標記內的第一行HTML代碼是
    Default page<br />

    因此這些文件將應用BueStyleSheetcss文件中的body樣式

    Body
    {
    Fontfamily:Arial;
    }

    代碼中的下一個內容是Styled label控件該控件的SkinID屬性值為textLabel:

    <asp:Label ID=Label SkinID=textLabel runat=server Text=Styled label FontBold=True></asp:Label>

    由於這個SkinID在兩個主題中都存在因此將應用Red主題因為這個主題在Webconfig文件中被設置為Customization主題

    <asp:Label SkinId=textLabel runat=server FontNames=Garamond FontSize=pt ForeColor=DarkRed FontBold=False></asp:Label>

    下面是Webconfig文件中設置主題的代碼

    <pages theme=red styleSheetTheme=blue />

    記住Theme屬性表示Customizaton主題然而在這個示例中指定的Red主題沒有SkinID為bigLabel的標簽定義所以將使用Blue主題中的樣式

    <asp:Label ID=Labe SkinID=bigLabel runat=server Text=Unstyled label></asp:Label>

    因此頁面中的最後一個控件將應用Blue主題中的樣式

    <asp:Label SkinId=bigLabel runat=server CssClass=bigtext></asp:Label>

    最後需要注意的是Label控件仍然是頁面的一部分而且因為沒有為這個控件指定其他字體信息它還將從Blue主題的CSS文件中繼承樣式

    本章最後一個示例將查看Wrox United應用程序中的主題下面的小節將迅速查看這個應用程序的主題和樣式

    ASPNET 入門教程完整版

[]  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15189.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.