ASP
NET
的主題和皮膚特性使你能夠把樣式和布局信息存放到一組獨立的文件中
總稱為主題(Theme)
接下來我們可以把這個主題應用到任何站點
用於改變該站點內的頁面和控件的外觀和感覺
通過改變主題的內容
而不用改變站點的單個頁面
就可以輕易地改變站點的樣式
主題也可以在開發者之間共享
ASP
NET包含了大量的用於定制應用程序的頁面和控件的外觀和感覺的特性
控件支持使用Style(樣式)對象模型來設置格式屬性(例如字體
邊框
背景和前景顏色
寬度
高度等等)
控件也支持使用樣式表(CSS)來單獨設置控件的樣式
你可以用控件屬性或CSS來定義控件的樣式信息
或者把這些定義信息存放到單獨的一組文件中(稱為主題)
然後把它應用到程序的所有或部分頁面上
單獨的控件樣式是用主題的皮膚(Skin)屬性來指定的
本文用大量的示例演示了在ASP
NET
中如何使用樣式
主題和皮膚特性
給控件應用樣式 Web用戶界面是非常靈活的
不同的Web站點的外觀和感覺是截然不同的
目前廣泛采用的樣式表(CSS)在很大程度上就是負責處理Web上遇到的豐富的設計需求的
ASP
NET的HTML服務器控件和Web服務器控件都被設計成優先支持CSS樣式表
這一部分討論如何在服務器控件上使用樣式
並演示了它們所提供的Web窗體的外觀和感覺的非常細微的控制
給HTML控件應用樣式 標准的HTML標記通過style屬性來支持CSS
我們可以用分號隔離的屬性/值對(pair)來設置它
所有的ASP
NET HTML服務器控件都可以采用標准HTML標記的方式來接受樣式
下面的例子演示了大量的應用到HTML服務器控件的樣式
在源代碼中你可以看到
這些樣式都是在控件顯示的時候傳遞給浏覽器的
<span style=
font:
pt verdana; color:orange;font
weight:
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;background
color:lightgreen;border
color:black;width:
runat=
server
>Click me!</button>
CSS還定義了class屬性
你可以把它設置為文檔中<style>
</style>內包含的CSS樣式定義
Class屬性使你能夠一次定義樣式
在多個服務器標記上使用
避免了樣式的重復定義
HTML服務器控件的style屬性可以用這種方式來設置
如下所示
<style>
spanstyle
{
font:
pt verdana;
font
weight:
;
color:orange;
}
buttonstyle
{
font:
pt verdana;
background
color:lightgreen;
border
color: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