• 1
  • 2
  • 3
  • 4
  • 5
asp.net空间 首 页  »  帮助中心  »  虚拟主机  »  asp.net空间
如何利用ASP.NET定义主题和外观
发布日期:2015-10-9 17:10:4

  如何利用ASP.NET定义主题和外观

  1.什么是主题?

  概念:主题由一组元素组成的,其中包含元素有:外观、级联样式表 (CSS)、图像和其他资源。特别强调的是主题可以没有其他,但是主题将至少包含外观。记住主题是在网站或 Web 服务器上的特殊目录中定义的。

  2.外观

  外观是主题最重要的一部分,先要定义主题就要定义好外观。 外观文件具有文件扩展名 .skin,它包含的是各个控件的属性设置。控件外观设置类似于控件标记本身,不同的是它只包含您要作为主题的一部分来设置的属性。

  控件外观有两种类型 -“默认外观”和“已命名外观”:

  当向页应用主题时,默认外观自动应用于同一类型的所有控件。如果控件外观没有 SkinID 属性,则是默认外观。反之则是已命名外观。

  3.级联样式表

  除了外观之外,主题还包含级联样式表(。css 文件)。将 .css 文件放在主题文件夹中时,样式表自动作为主题的一部分加以应用。在主题文件夹中定义样式表使用文件扩展名 .css 。

  4主题图形和其他资源

  此外,主题还可以包含图形和其他资源,例如脚本文件或声音文件。

  5.运行程序

  注意:

  1)、如果主题是通过设置 @Page 指令或配置的 节的 Theme 属性 (attribute) 应用的,则主题中的外观属性 (property) 将重写页中目标控件的同名属性 (property)。

  2)、通过将 @Page 指令或配置的节的 StyleSheetTheme 属性设置为主题的名称,可以将主题定义作为服务器端样式来应用。主题属性用作 StyleSheetTheme 时,可能被页中的控件重写。

  3)、 StyleSheetTheme 应该在应用程序开发过程中应用,有了它之后,您就可以便利的从页中提取样式信息,这样当您想应用程序时就可以独立于应用程序的外观进行。对应用程序应用 StyleSheetTheme 后,如果您还希望应用 Theme.如果对应用程序既应用 Theme 又应用 StyleSheetTheme,请您按照以下顺序应用控件的属性:

  首先应用 StyleSheetTheme 属性

  然后应用页中的控件属性(重写 StyleSheetTheme)

  最后应用 Theme 属性(重写控件属性和 StyleSheetTheme)

  4)、在皮肤文件里面可以针对同一个控件设置多个皮肤风格,使用skinid来区分不同风格,并在aspx页面文件的控件中使用skinid来引用不同皮肤风格。

  5).以编程方式应用页面主题

  在页面的 PreInit方法的处理程序中,设置页面的 Theme属性。