组成元素

主题是页面和控件外观属性设置的集合。利用主题功能，不仅可以设置页面和控件的外观，还可以在所有的Web应用程序、单个Web应用程序的所有页面或单个Web页面中，快速一致地应用所定义的外观。主题是由外观、级联样式表(CSS)、图像和其他资源组成的。其中，外观是主题中的必要元素。

1．外观

外观文件是主题的核心内容，它主要用于定义页面中服务器控件的外观。在主题中可以包含一个或者多个外观文件。外观文件的扩展名为.skin，其中包含对各种服务器控件（例如，Button、Label、TextBox 或 Calendar 控件）的属性设置。例如，下面是Button控件的外观设置代码：



说明：控件外观的代码设置与控件声明代码类似。在控件外观设置中，只能包含可作为主题的属性定义。这部分属性可能是样式属性、集合属性、模板属性或数据绑定表达式等。

2．级联样式表(CSS)

主题中可以包含一个或者多个CSS文件（扩展名为.css）。CSS文件在主题功能出现之前，已经得到了广泛应用。主题中的CSS文件和在主题功能出现之前的CSS文件的比较如表1所示。



表1 主题中的CSS文件和在主题功能出现之前的CSS文件的比较

3．图像和其他资源

主题中还可以包含图形和其他资源，例如，脚本文件或声音文件。通常，主题的资源文件与该主题的外观文件位于同一个文件夹中，但它们也可以存储在Web应用程序中的其他文件夹中，例如，主题目录的某个子文件夹中或者是主题目录以外的位置。

文件存储和组织方式

在Web应用程序中，主题文件必须存储在根目录的App_Themes文件夹下（除全局主题之外），开发人员可以通过手动或者使用Visual Studio 2005在网站的根目录下创建该文件夹。下面给出App_Themes文件夹的示意图（如图1所示），以加深读者的理解。



图1 App_Themes文件夹的示意图

在App_Themes文件夹中包括两个文件夹“主题一”和“主题二”。每个主题文件夹中都可以包含外观文件、CSS文件和图像文件等。

外观文件是主题的核心部分，每个主题文件夹下都可以包含一个或者多个外观文件，开发人员在开发过程中，需要根据实际情况对外观文件进行有效的管理，下面给出3种常见外观文件的组织方式及其说明。

1．根据SkinID组织

在对控件外观设置时，将具有相同的SkinID放在同一个外观文件中，这种方式适用于网站页面较多、设置内容复杂的情况。

2．根据控件类型

组织外观文件时，以控件类型进行分类，这种方式适用于页面中包含控件较少的情况。

3．根据文件组织

组织外观文件时，以网站中的页面进行分类，这种方式适用于网站中页面较少的情况。