控制網(wǎng)站外觀的ASP.NET皮膚和主題技術(shù)

1、把握網(wǎng)站外觀的ASP皮膚和主題技術(shù)ASP 供給的皮膚、主題技術(shù)可重用布局和樣式，最終到達(dá)對(duì)Web 應(yīng)用程序的頁(yè)面、整個(gè) Web 應(yīng)用程序、或者效勞器上的全部Web應(yīng)用程序的外觀統(tǒng)一把握的目的。、幾個(gè)根本概念1、CSS樣式C S S Cascading Style Sheets，級(jí)聯(lián)樣式表是最重要、 最高效的頁(yè)面布局和樣式設(shè)置方法。通常CSS可直接消滅在單個(gè)HTML 標(biāo)記內(nèi)，即用Style 屬性來(lái)設(shè)置字體、邊框、背景和前景顏色等屬性，用于把握單個(gè) HTML 元素的樣式，稱為內(nèi)嵌樣式;CSS可消滅在網(wǎng)頁(yè)的head局部，用于把握本網(wǎng)頁(yè)內(nèi)多個(gè)元素的樣式，稱為內(nèi)部樣式；CSS 可單獨(dú)保存在以.css 為

2、擴(kuò)展名的文件 中，用于2、皮膚鈕控件設(shè)置的兩個(gè)皮膚：ID屬性，runat=“server“屬性。上面按鈕的兩個(gè)皮膚中未設(shè)置skinIDskinID名.skin。一種控件的多個(gè)皮膚可以保存在不同的皮膚文件里。叫皮3、主題控件支持使用css 來(lái)單獨(dú)設(shè)置樣式?？丶€支持使用皮膚來(lái) 設(shè)置其樣的一組文件看成一個(gè)整體，就稱為一個(gè)主題。一個(gè)主題至少包含有皮膚定義。主題文件被保存在網(wǎng)站或Web效勞器的特定名目中。 主題可把握局部網(wǎng)頁(yè)、整個(gè)網(wǎng)站、或者效勞器上全部網(wǎng)站的外觀。二、皮膚和主題的創(chuàng)立1、創(chuàng)立頁(yè)面主題在網(wǎng)站根文件夾，添加“添加ASP文件夾” f“主題”，網(wǎng)站中產(chǎn)生文件夾App_Themes該文件夾屬不能

3、改名，并在其1”，可將其重命名，例如BlueTheme,主題子文件夾的名稱也就是主題的名稱。2、創(chuàng)立皮膚文件在主題文件夾中添加“外觀文件”，輸入皮膚文件名，如button.skin，創(chuàng)立后既可在皮膚文件中添加控件的皮膚。3、創(chuàng)立全局主題為全局主題。全局主題必需保存在效勞器默認(rèn)網(wǎng)站中。例如，假設(shè)默認(rèn)網(wǎng)站根文件夾是C:Inetpubwwwroot,想創(chuàng)立BlueTheme的全局主題，則執(zhí)行如下兩步：1CInetpubwwwrootaspnet_clientsystem_webversionThemeSBlueTheme。其中文件夾version是隨機(jī)器中安裝的版本不同而不同，假設(shè)機(jī)器中裝的是2.0

4、C：Inetpubwwwrootaspnet_clientsystem_web2_0_50727ThemesBlueTheme。提示：該路徑中用于保存全局主題的文件夾是App_Themes。Themes而(2)將皮膚文件、CSS文件、圖片文件等主題資源保存到文件夾 BlueTheme 中，全局主題創(chuàng)立完畢。三、應(yīng)用主題1、對(duì)單個(gè)頁(yè)面應(yīng)用主題指令的Theme或 StyleSheetTheme屬性設(shè)置為要使用的主題的名稱，如下所示：( .skinSkinID屬性的一項(xiàng))，SkinID屬性，如：。一個(gè)頁(yè)面只能應(yīng)用一個(gè)主題。主題中css文件自動(dòng)應(yīng)用到頁(yè)面中，但要求頁(yè)面上有。2、對(duì)整個(gè)網(wǎng)站應(yīng)用主題Web

5、.config的主題名稱，如：這樣，主題中定義的默認(rèn)皮膚等樣式就應(yīng)用到該網(wǎng)SkinID屬性即可。3、主題應(yīng)用的優(yōu)先級(jí)別指令中的“Theme“屬性的優(yōu)先級(jí)最高的，web.config 中 的“s.theme“其次，指令中的“StylesheetTheme“級(jí)最低。“s.theme“,同時(shí)在頁(yè)面中設(shè)置“Theme“,則“Theme“掩蓋“s.theme“?！皊.theme“，同時(shí)在頁(yè)面中設(shè)置“StylesheetTheme“s.theme“優(yōu)先?！癟heme“StylesheetTheme“，則“Theme“StylesheetTheme“?！癝kinId“，則為默認(rèn)皮膚，假設(shè)指定“SkinId“

6、，則指定的命名皮膚優(yōu)先。指令中的“StylesheetTheme“設(shè)置的屬性的級(jí)別低于網(wǎng)StylesheetTheme先原則設(shè)置成等同于 CSS的應(yīng)用優(yōu)先原則了。項(xiàng)加載的挨次是： CSSf StyleSheetTheme f控件標(biāo)記內(nèi)嵌樣式f web.config 的“s.theme“ fTheme最終顯示的是多項(xiàng)合并結(jié)果，假設(shè)控件某屬性在以上多項(xiàng)中都有設(shè)置，則后面加載的掩蓋前面的。應(yīng)用StyleSheetTheme在設(shè)計(jì)階段可以看到它的樣式，所見即所得，而應(yīng)用Theme只能在運(yùn)行時(shí)才能看到 結(jié)果。4、以編程方式應(yīng)用主題在程序中應(yīng)用主題 Theme_Prelnit 大事過(guò)程中 設(shè)置，.Theme=“PinkTheme“；StyleSheetThemeStyleSheetTheme屬性，例如如下：publicoverrideStringStyleSheetThemegetreturn“BlueTheme“；SkinID