在ASP.NET 2.0中使用樣式、主題和皮膚一
2007/1/26 8:08:23
ASP.NET 2.0的主題和皮膚特性使你能夠把樣式和布局信息存放到一組獨立的文件中,總稱為主題(Theme)。接下來我們可以把這個主題應用到任何站點,用于改變該站點內的頁面和控件的外觀和感覺。通過改變主題的內容,而不用改變站點的單個頁面,就可以輕易地改變站點的樣式。主題也可以在開發者之間共享。

  ASP.NET包含了大量的用于定制應用程序的頁面和控件的外觀和感覺的特性??丶С质褂肧tyle(樣式)對象模型來設置格式屬性(例如字體、邊框、背景和前景顏色、寬度、高度等等)??丶仓С质褂脴邮奖恚–SS)來單獨設置控件的樣式。你可以用控件屬性或CSS來定義控件的樣式信息,或者把這些定義信息存放到單獨的一組文件中(稱為主題),然后把它應用到程序的所有或部分頁面上。單獨的控件樣式是用主題的皮膚(Skin)屬性來指定的。

  本文用大量的示例演示了在ASP.NET 2.0中如何使用樣式、主題和皮膚特性。

  給控件應用樣式

  Web用戶界面是非常靈活的,不同的Web站點的外觀和感覺是截然不同的。目前廣泛采用的樣式表(CSS)在很大程度上就是負責處理Web上遇到的豐富的設計需求的。ASP.NET的HTML服務器控件和Web服務器控件都被設計成優先支持CSS樣式表。這一部分討論如何在服務器控件上使用樣式,并演示了它們所提供的Web窗體的外觀和感覺的非常細微的控制。

  給HTML控件應用樣式

  標準的HTML標記通過style屬性來支持CSS,我們可以用分號隔離的屬性/值對(pair)來設置它。所有的ASP.NET HTML服務器控件都可以采用標準HTML標記的方式來接受樣式。下面的例子演示了大量的應用到HTML服務器控件的樣式。在源代碼中你可以看到,這些樣式都是在控件顯示的時候傳遞給瀏覽器的。

    <span style="font: 12pt verdana; color:orange;font-weight:700" runat="server">
This is some literal text inside a styled span control</span>
<p><font face="verdana"><h4>Styled Button</h4></font><p>
<button style="font: 8pt verdana;background-color:lightgreen;border-color:black;width:100" runat="server">Click me!</button>
  CSS還定義了class屬性,你可以把它設置為文檔中<style>...</style>內包含的CSS樣式定義。Class屬性使你能夠一次定義樣式,在多個服務器標記上使用,避免了樣式的重復定義。HTML服務器控件的style屬性可以用這種方式來設置,如下所示:

    <style>
.spanstyle
{
font: 12pt verdana;
font-weight:700;
color:orange;
}

.buttonstyle
{
font: 8pt verdana;
background-color:lightgreen;
border-color:black;
width:100
}
……
</style>

<span class="spanstyle" runat="server">
This is some literal text inside a styled span control
</span>
<p><font face="verdana"><h4>Styled Button</h4></font><p>
<button class="buttonstyle" runat="server">Click me!</button>
  在分析ASP.NET頁面的時候,在System.Web.UI.HtmlControls.HtmlControl類中,樣式信息被填充到CssStyleCollection類型的Style屬性。這個屬性本質上是一個字典,它把控件的樣式暴露為每個樣式屬性鍵的按字符串索引的值集合。例如,你可以使用下面的代碼設置和檢索HtmlInputText服務器控件的width樣式屬性:

    <script language="VB" runat="server" >
Sub Page_Load(Sender As Object, E As EventArgs)
MyText.Style("width") = "90px"
Response.Write(MyText.Style("width"))
End Sub
</script>

<input type="text" id="MyText" runat="server"/>
  下面的例子顯示了如何編程使用Style集合屬性來控制HTML服務器控件的樣

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 精品无码久久久久国产| 8x8x在线观看视频高清视频| 日韩美女hd高清电影| 亚洲爆乳无码专区www| 精品无码一区二区三区爱欲九九| 国产吃奶摸下激烈视频无遮挡| 18禁免费无码无遮挡不卡网站 | 免费人妻精品一区二区三区| 蜜芽忘忧草二区老狼果冻传媒| 国产粉嫩白浆在线观看| 91色视频在线| 天天影院良辰美景好时光电视剧| 中国speakingathome宾馆学生| 老阿姨哔哩哔哩b站肉片茄子芒果 老阿姨哔哩哔哩b站肉片茄子芒果 | 激情综合网五月| 国产精品视频一区二区三区不卡| a级午夜毛片免费一区二区| 成年人免费黄色| 久久亚洲精品国产亚洲老地址| 欧洲卡一卡二卡在线| 亚洲日本视频在线观看| 狂野欧美性猛xxxx乱大交| 午夜伦理宅宅235| 老鸭窝在线免费视频| 国产亚洲人成网站在线观看 | 麻豆成人精品国产免费| 国产破外女出血视频| 18男男gay同性视频| 国内精品久久久久久久影视麻豆 | 黄页网址免费大全观看| 国产真实迷j在线播放| 又粗又硬又爽的三级视频| 国产高清视频网站| 99精品热女视频专线| 女人张开腿给人桶免费视频| 一级毛片特级毛片国产| 成年女人喷潮毛片免费播放| 久久中文字幕无码专区| 日本乱偷人妻中文字幕| 久久亚洲日韩精品一区二区三区 | 白洁和邻居几个老头|