ASP.NET(bata2)立即上手教程(c＃版)-5

应用样式到HTML服务器控件

　　WEB是一个灵活的用户接口环境，不同的站点在视觉和感觉上极尽变化之能事。层叠式样式表（CSS）的广泛应用，极大的丰富了WEB的设计。所有ASP.NET的HTML服务器控件和WEB服务器控件，已经被设计为能够提供一流的CSS样式支持。这一部分讨论如何应用样式到服务器控件，并且演示服务器控件在WEB FORMS中所提供的精细的外观控制。

应用样式到 HTML服务器控件

　　标准的HTML标签通过STYLE属性来支持CSS，STYLE属性由一系列成对出现的以分号分割的 属性/值 来定义。例如{font: 12pt verdana; font-weight:700;color:orange;}。关于IE浏览器对CSS属性支持的更多信息，请参考MSDN Web Workshop的 CSS Attributes Reference 页面。所有ASP.NET的 HTML服务器控件，都可以像标准HTML标志那样，接受CSS样式。下面的例子说明了把一些样式应用到不同的HTML服务器控件。如果你察看返回给客户端的源程序，你就会发现这些在控件中引用的样式送到了客户端。


C# Style1.aspx
[运行] | [源程序]

CSS也定义了CLASS属性，通过在文档中包含< style >...< /style >来设置CSS样式 。这个属性的优点是仅需要定义一次，就可以应用到不同的标签上，而不需要重新定义标签本身的样式。HTML服务器控件的样式也可以用这种方式管理。请看下面的例子：


C# Style2.aspx
[运行] | [源程序]

当ASP.NET页面被解析的时候，样式信息就被组装到了System.Web.UI.HtmlControls.HtmlControl 类上的STYLE属性上（类型是CssStyleCollection）。该属性建立一个字典，以字符串索引的集合中的值，填充应用控件样式的每一个样式属性值。例如，你可以使用下面的代码设置和取回HtmlInputText服务器控件的width样式属性值。

< script language="C#" runat="server" >
void Page_Load(Object sender, EventArgs E) {
MyText.Style["width"] = "90px";
Response.Write(MyText.Style["width"]);
}
< /script >
< input type="text" id="MyText" runat="server"/ >

下面的这个例子，向你展示如何使用Style集合属性，通过程序来操纵HTML服务器控件的样式


C# Style3.aspx
[运行] | [源程序]

[下一页]