4.1.1 什么是主题和外观
主题是指网页和控件外观属性设置的合集,通过使用主题能够定义页面和控件的样式,然后再Web
应用程序中应用页面和页面上的控件,可以简化样式控制。
主题包括一系列元素,这些元素主要有外观文件、样式表文件。
主题文件的扩展名为.skin,创建后,主题文件通常保存在Web应用程序的特殊目录App_Themes下。
一个Web应用程序可以拥有多个主题,每个文件夹就是一个主题,每个主题下都可以拥有自己的样式表和外观文件。
1、 外观文件
外观文件用于定义页面中服务器控件的外观,是主体的核心内容,其扩展名为.skin。
它包含了需要设置的各个控件的属性设置,但是在外观定义中不能主线ID属性的设置。
同一类型的控件外观分为 默认外观 和 命名外观 两种。
a) 默认外观
如果控件外观中没有设置SkinID属性,则称为默认外观。
在页面中应用主题时默认将自动应用于同一类型的所有控件。
在同一个主题中对于同一类型的控件只能设置一个默认外观。
b) 命名外观
设置了SkinID属性的控件外观称为命名外观。
SkinID属性命名唯一,不能重复。
在创建控件外观时可为同一类型的控件设置多个命名外观。
命名外观不会自动按类型应用于控件,要通过设置控件的SkinID属性来显示地声明。
2、 样式表文件
样式表文件即CSS文件,在主体中可以包含一个或多个样式表文件。
主体中的CSS文件和非主体的CSS文件没有本质区别。
将CSS文件存放在主体文件夹中,当主题被页面引用时将自动被引用,不需要使用标记进行专门的引用。
4.1.2 创建主题
1、添加主题文件夹
2、添加外观文件
接下来就可以在外观文件中添加对标准控件的定义。
在定义中必须包含runat=”server”,但是不能包含ID属性,并且所有的外观定义都要位于<%…和…%>之外
Skin1的使用:
(1) 创建一个新的窗体
(2) 窗体里放入一个Button,然后修改Button的属性,随便改,改的独特一点
(3) 选中下面这个Button之后,复制选中的那个句话,粘贴到新建的外观文件Skin1.skin中
(4) 注意这里有Button ID,但是外观不是一个控件的样式,而是一类控件的样式,所以要把ID删掉
(5) 我们再在.aspx页面中放入一个Button,不修改其样式