在ASP.NET 2.0中使用样式、主题和皮肤[1]

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＞

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