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

在ASP.NET 2.0中使用樣式、主題和皮膚[1]

2013-11-13 11:03:11  來源: .NET編程 
    ASPNET 的主題和皮膚特性使你能夠把樣式和布局信息存放到一組獨立的文件中總稱為主題(Theme)接下來我們可以把這個主題應用到任何站點用於改變該站點內的頁面和控件的外觀和感覺通過改變主題的內容而不用改變站點的單個頁面就可以輕易地改變站點的樣式主題也可以在開發者之間共享

  ASPNET包含了大量的用於定制應用程序的頁面和控件的外觀和感覺的特性控件支持使用Style(樣式)對象模型來設置格式屬性(例如字體邊框背景和前景顏色寬度高度等等)控件也支持使用樣式表(CSS)來單獨設置控件的樣式你可以用控件屬性或CSS來定義控件的樣式信息或者把這些定義信息存放到單獨的一組文件中(稱為主題)然後把它應用到程序的所有或部分頁面上單獨的控件樣式是用主題的皮膚(Skin)屬性來指定的

  本文用大量的示例演示了在ASPNET 中如何使用樣式主題和皮膚特性

  給控件應用樣式

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

  給HTML控件應用樣式

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

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

<style>
spanstyle
{
font: pt verdana;
fontweight:;
color:orange;
}

buttonstyle
{
font: pt verdana;
backgroundcolor:lightgreen;
bordercolor:black;
width:
}
……
</style>

<span class=spanstyle runat=server
This is some literal text inside a styled span control
</span>
<p><font face=verdana><h>Styled Button</h></font><p>
<button class=buttonstyle runat=server>Click me!</button>

[]  []  []  []  []  []  []  []  []  


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