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

SystemWebUIWebControls名字空间包含了Style基类它封装了公用的样式属性（其它的样式类例如TableStyle和TableItemStyle都继承自这个基类）为了指定控件的各个显示元素大多数Web服务器控件都暴露了这个类型属性例如WebCalendar暴露和很多样式属性DayStyleWeekendDayStyleTodayDayStyleSelectedDayStyleOtherMonthDayStyle和NextPrevStyle你可以使用子属性语法PropertyNameSubPropertyName来设置这些样式的属性如下面的例子所示

＜ASP:Calendar runat=server

……

DayStyleWidth=px

DayStyleHeight=px

TodayDayStyleBorderWidth=

WeekEndDayStyleBackColor=palegoldenrod

WeekEndDayStyleWidth=px

WeekEndDayStyleHeight=px

SelectedDayStyleBorderColor=firebrick

SelectedDayStyleBorderWidth=

OtherMonthDayStyleWidth=px

OtherMonthDayStyleHeight=px

/＞

下面的语法有稍微的不同它允许你把Style属性声明为Web服务器控件标记内嵌套的子元素

＜ASP:Calendar runat=server＞

＜TitleStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab Height=px /＞

＜/ASP:Calendar＞

下面的例子显示了一种替代语法但是它的功能与前面的语法是一样的

＜ASP:Calendar id=MyCalendar runat=server

……

＞

＜TitleStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab Height=px /＞

＜DayHeaderStyle BorderColor=darkolivegreen BorderWidth= BackColor=olivedrab ForeColor=black Height=px /＞

＜WeekEndDayStyle BackColor=palegoldenrod Width=px Height=px /＞

＜DayStyle Width=px Height=px /＞

＜TodayDayStyle BorderWidth= /＞

＜SelectedDayStyle BorderColor=firebrick BorderWidth= /＞

＜OtherMonthDayStyle Width=px Height=px /＞

＜/ASP:Calendar＞

使用HTML服务器控件的时候你可以使用CSS类定义给Web服务器控件应用样式WebControl基类暴露了一个叫做CssClass的字符串属性用于设置样式类

＜style＞

calstyle { fontsize:pt; fontfamily:TahomaArial; }

＜/style＞

＜ASP:Calendar CssClass=calstyle runat=server

……

/＞

如果某个服务器控件上设置的属性没有与该控件的强类型属性相对应那个该属性和值就被填充到控件的Attributes集合中在默认情况下服务器控件会把这些属性不作更改地呈现在HTML中并返回给作出请求的浏览器客户端这意味着我们可以直接设置Web服务器控件的样式和类属性而不必使用强类型的属性尽管它要求我们理解控件的实际显示过程但是它也是应用样式的一个灵活的途径对于标准的输入控件这样的操作用处很大如下面的例子所示

＜ASP:TextBox runat=server class=beige style=fontweight:;/＞

＜ASP:TextBox TextMode=Password runat=server class=beige/＞

＜ASP:DropDownList class=beige runat=server＞

＜ASP:ListItem＞Default Desktop＜/ASP:ListItem＞

＜ASP:ListItem＞My Stock Portfolio＜/ASP:ListItem＞

＜ASP:ListItem＞My Contact List＜/ASP:ListItem＞

＜/ASP:DropDownList＞

＜ASP:Button Text=Submit runat=server class=beige/＞

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