ASP.NET 界面外观设计与布局

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,不修改其样式
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值