asp.net开发大全第12章.asp.net的皮肤、主题和母版页

asp.net开发大全第12章.asp.net的皮肤、主题和母版页

ID:26131724

大小:1.24 MB

页数:29页

时间:2018-11-24

asp.net开发大全第12章.asp.net的皮肤、主题和母版页_第1页
asp.net开发大全第12章.asp.net的皮肤、主题和母版页_第2页
asp.net开发大全第12章.asp.net的皮肤、主题和母版页_第3页
asp.net开发大全第12章.asp.net的皮肤、主题和母版页_第4页
asp.net开发大全第12章.asp.net的皮肤、主题和母版页_第5页
资源描述:

《asp.net开发大全第12章.asp.net的皮肤、主题和母版页》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第12章ASP.NET的皮肤、主题和母版页在Web应用程序开发中,一个良好的Web应用程序界面能够让网站的访问者耳目一新,当用户访问Web应用时,网站的界面和布局能够提升访问者对网站的兴趣和继续浏览的耐心。ASP.NET提供了皮肤、主题和模板页的功能增强了网页布局和界面优化的功能,这样即可轻松的实现对网站开发中界面的控制。12.1皮肤和主题皮肤和主题是自ASP.NET2.0就包括的内容,使用皮肤和主题,能够将样式和布局信息分解到单独的文件中,让布局代码和页面代码相分离。主题可以应用到各个站点,当需要更改页面主题时,无需对每个页面进行更改,只需要针对主题代码页进行更改即可。12.1.1CSS

2、简介在任何Web应用程序的开发过程中,CSS(CascadingStyleSheets,级联样式表)都是非常重要的页面布局方法,而且CSS也是最高效的页面布局方法。CSS发展于1994年10月,是为了补救HTML3.2语法中的不足,但是由于当时网络的发展的不足和浏览器的支持率较低,直到1996年底,才正式发表了CSS1.0规格,也正是1996年之后,浏览器才开始正式的支持CSS。在网页布局中,CSS经常被使用于页面样式布局和样式控制。熟练的使用CSS能够让网页布局更加的方便,在页面维护时,也能够减少工作量。通常CSS能够支持三种定义方式,一是直接将样式控制放置于单个HTML元素内,称为内联

3、式;二是在网页的head部分定义样式,称为嵌入式;三是以扩展名为.css文件保存样式,称为外联式。这三种样式适用于不同的场合,内联式适用于对单个标签进行样式控制,这样的好处就在于开发方便,而在维护时,就需要针对每个页面进行修改,非常的不方便;而嵌入式可以控制一个网页的多个样式,当需要对网页样式进行修改时,只需要修改head标签中的style标签即可,不过这样仍然没有让布局代码和页面代码完全分离;而外联式能够将布局代码和页面代码相分离,在维护过程中,能够减少工作量。12.1.2CSS基础CSS能够通过编写样式控制代码来进行页面布局,在编写相应的HTML标签时,可以通过Style属性进行CSS

4、样式控制,示例代码如下所示。这是一段文字

上述代码使用内联式进行样式控制,并将属性设置为font-size:14px,其意义就在于定义文字的大小为14px;同样,如果需要定义多个属性时,可以同写在一个style属性中,示例代码如下所示。341这是一段文字1
这是一段文字2

5、;font-style:italic">这是一段文字3

ThisisMyFirstCSScode这是一段文字5上述代码分别定义了相关属性来控制样式,并且都使用内联式定义样式,这些CSS的属性的意义如下所示:q字体名称属性(font-family):该属性设定字体名称,如Arial,、Tahoma,、Courier等,可以定义字体的名称。q字体大小属性(font-size

6、):该属性可以设置字体的大小。字体大小的设置可以有多种方式,最常用的就是pt和px。q该属性有三个值可选:normal,、italic、oblique、normal是默认值,italic、oblique都是斜体显示。q字体粗细属性(font-weight):该属性常用值是normal和bold,normal是默认值,bold是粗体。q字体变量属性(font-variant):该属性有两个值normal和small-caps,normal是默认值。small-caps表示字体将被显示成大写。q字体属性(font):该属性是各种字体属性的一种快捷的综合写法。q字体颜色(color):该属性用来

7、控制字体颜色。这些属性分别定义了字体属性,如图12-1所示。图12-1CSS样式控制用内联式的方法进行样式控制固然简单,但是在维护过程中却是非常的复杂和难以控制。当需要对页面中的布局进行更改时,则需要对每个页面的每个标签的样式进行更改,这样无疑增大的工作量,当需要对页面进行布局时,可以使用嵌入式的方法进行页面布局,示例代码如下所示。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。