• 1
  • 2
  • 3
  • 4
  • 5
asp.net空间 首 页  »  帮助中心  »  虚拟主机  »  asp.net空间
web 窗体对两种控件应用样式
发布日期:2015-10-9 15:10:17

  web 窗体对两种控件应用样式

  首先,Web 是一个非常灵活的用户界面环境,对于不同 Web 站点的外观差别极大。拥有如此大的外观差别的原因是什么呢?原来Web 上的丰富设计是广泛采用级联样式表 (CSS) 的结果。ASP.NET 的所有 HTML 服务器控件和 Web 服务器控件都已被设计为提供一流的 CSS 样式支持。本文将介绍如何将服务器控件与样式一起使用,并且说明怎样很好地控制服务器控件所提供的 Web 窗体外观,使Web 窗体外观更加美观。

  对 HTML 控件应用样式

  标准 HTML 标记通过样式属性支持 CSS,而样式属性可以设置为用分号分隔的属性/值对列表。有关 Internet Explorer 浏览器支持的 CSS 属性的更多信息,请参阅 MSDN Web Workshop 的

  CSS Attributes Reference 页。所有的 ASP.NET HTML 服务器控件都可以采用与标准 HTML 标记完全一样的方式接受样式。

  另外,CSS 还定义了一个类属性,该属性可设置为文档的节中包含的 CSS 样式定义。该类属性使您可以轻松地一次性定义样式并将它们应用于若干标记,而不必重新定义样式本身。

  对 Web 服务器控件应用样式

  Web 服务器控件通过为常用的样式设置(如背景色和前景色、字体名称和大小、宽度、高度等等)添加若干强类型属性,提供了附加的样式支持级别。这些样式属性表示可在 HTML 中使用的样式行为的子集,它们被表示为直接在 System.Web.UI.WebControls.WebControl 基类上公开Microsoft Visual Studio .NET)中提供编译时类型检查和语句结束。

  System.Web.UI.WebControls 命名空间包括一个封装公共样式属性(其他样式类如 TableStyle 和 TableItemStyle 从该公共基类继承)的 Style基类。许多 Web 服务器控件公开该类型的属性,以指定控件的个别呈现元素的样式。例如,WebCalendar 公开许多这样的样式属性:DayStyle、WeekendDayStyle、TodayDayStyle、SelectedDayStyle、OtherMonthDayStyle 和 NextPrevStyle。可以使用子属性语法PropertyName-SubPropertyName 设置这类样式的个别属性。

  除此之外,与 HTML 服务器控件一样有个相同的特点,就是也可使用 CSS 类定义对 Web 服务器控件应用样式。

  如果在服务器控件上设置的属性与控件上的任何强类型属性都不对应,该属性和值将被填充到控件的 Attributes 集合中。默认情况下,服务器控件在返回给请求浏览器客户端的 HTML 中不修改地呈现这些属性。这意味着可以直接在 Web 服务器控件上设置样式和类属性,而不必使用强类型属性。虽然这需要对控件的实际呈现有一定的了解,但它可能同样是应用样式的灵活方法。这对标准窗体输入控件尤其有用,

  也可使用 WebControl 基类的 ApplyStyle 方法以编程方式设置 Web 服务器控件样式,如下面的代码所示。

  Login: /

  Password: View: ...

  Password: View: ...

  Password: View: ...