ASP.NET立即上手教程(5)
核心提示:利用样式到HTML服务器控件
利用样式到HTML服务器控件
WEB是1个灵活的用户接口环境,不同的站点在视觉和感觉上极尽变化之能事。层叠式样式表(CSS)的广泛利用,极大的丰富了WEB的设计。所有ASP.NET的HTML服务器控件和WEB服务器控件,已被设计为能够提供1流的CSS样式支持。这1部份讨论如何利用样式到服务器控件,并且演示服务器控件在WEB FORMS中所提供的精细的外观控制。
利用样式到 HTML服务器控件
标准的HTML标签通过STYLE属性来支持CSS,STYLE属性由1系列成对出现的以分号分割的 属性/值 来定义。例如{font: 12pt verdana; font-weight:700;color:orange;}。关于IE浏览器对CSS属性支持的更多信息,请参考MSDN Web Workshop的 CSS Attributes Reference 页面。所有ASP.NET的 HTML服务器控件,都可以像标准HTML标志那样,接受CSS样式。下面的例子说明了把1些样式利用到不同的HTML服务器控件。假设你视察返回给客户真个源程序,你就会发现这些在控件中援用的样式送到了客户端。
CSS也定义了CLASS属性,通过在文档中包括来设置CSS样式 。这个属性的优点是仅需要定义1次,便可以够利用到不同的标签上,而不需要重新定义标签本身的样式。HTML服务器控件的样式也能够用这类方式治理。请看下面的例子:
当ASP.NET页面被解析的时候,样式信息就被组装到了System.Web.UI.HtmlControls.HtmlControl 类上的STYLE属性上(类型是CssStyleCollection)。该属性建立1个字典,以字符串索引的集合中的值,填充利用控件样式的每1个样式属性值。例如,你可使用下面的代码设置和取回HtmlInputText服务器控件的width样式属性值。
以下为援用的内容: |
下面的这个例子,向你展现如何使用Style集合属性,通进程序来操纵HTML服务器控件的样式
利用样式到WEB服务器控件
WEB服务器控件对样式提供了额外的支持级别,即对常常使用的样式设置,增加了几个强类型属性。常常使用的样式包括背风景、远风景、字体名称和大小、宽度、字体加重等等。这些样式属性作为HTML中可使用的样式行动的子集,并且作为“平台”属性,在System.Web.UI.WebControls.WebControl基类中直接扩大。使用这些属性的好处在于,在开发工具,例如VS.NET中,他们提供了编译时类型检查和状态完成。
下面的例子显示了1个利用了若干样式的日历控件(作为对照,同时包括了1个没有使用样式的日历控件)。留意当你设置1个类类型的属性,例如Font,你需要使用子属性语法 属性名称-子属性名称。
名称空间System.Web.UI.WebControls包括Style基类,可以封装常常使用的样式属性(其他的样式类,例如TableStyle 和 TableItemStyle,都是从这个基类继续而来)。
很多服务器控件扩大了这个类型的属性,用来指定该控件分支元素的样式。例如,日历控件扩大了很多样式属性:DayStyle, WeekendDayStyle, TodayDayStyle, SelectedDayStyle, OtherMonthDayStyle, 和 NextPrevStyle等等。你可使用子属性语法 属性名称-子属性名称来设置这些样式的分支属性,以下面的例子:
1个细微的差别语法,答应声明每1个Style 属性,作为子元素嵌套在web服务器控件标签中。
以下为援用的内容: |
下面的例子展现了交替显示语法,但是功能上与前1个1样。
犹如处理HTML服务器控件1样,你可使用CSS类定义来利用样式到WEB服务器控件。WebControl基类扩大了1个String属性,名叫CssClass,用来设置样式类:
假设设置到服务器控件的属性不符合该控件的任何强类型属性,那末这个属性和值就会被放到该控件的Attributes集合中。默许的情况下,服务器控件将会不加修改的援用这些属性返回到发出要求的浏览器客户端。这就意味着,样式和类的属性可以直接利用在服务器控件,而不使用这些控件的强类型属性。固然了,明白这个概念需要理解控件的实际援用,他一样是1个利用样式的灵活的方式。对标准的表单输进控件,这个方法特别有用。请看下面的例子:
通过使用WebControl基类的ApplyStyle方法,WEB服务器控件的样式也能用程序来设置,就象下面这段代码:
以下为援用的内容: Login: Password: View: |
本章小节:
1. ASP.NET的 HTML 服务器控件和 Web 服务器控件家族提供了1流的CSS样式支持。
2. 可以通过设置控件的样式或类属性来利用样式。这些设置可以通过控件的Attributes集适用程序来访问。对HTML服务器控件,样式属性的分支值可以通过控件的Style集合来获得。
3. 大多数常常使用的样式设置已作为WEB服务器控件本身的强类型属性
4. System.Web.UI.WebControls 名称空间包括Style 基类,封装了常常使用的类型属性。很多Web 服务器控件扩大了这个属性,作为分支援用元素。
5. 对服务器控件,使用 WebControl 基类的ApplyStyle方法可以用程序来设置样式。
http://www.fw8.net/TAG:服务器,属性,控件,类型,样式
评论加载中...
|