第12章 ASP.NET的皮肤,主题和母版页
在Web应用程序开发中,一个良好的Web应用程序界面能够让网站的访问者耳目一新,当用户访问Web应用时,网站的界面和布局能够提升访问者对网站的兴趣和继续浏览的耐心.ASP.NET提供了皮肤,主题和模板页的功能增强了网页布局和界面优化的功能,这样即可轻松的实现对网站开发中界面的控制.
12.1 皮肤和主题
皮肤和主题是自ASP.NET 2.0就包括的内容,使用皮肤和主题,能够将样式和布局信息分解到单独的文件中,让布局代码和页面代码相分离.主题可以应用到各个站点,当需要更改页面主题时,无需对每个页面进行更改,只需要针对主题代码页进行更改即可.
12.1.1 CSS简介
在任何Web应用程序的开发过程中,CSS(Cascading Style Sheets,级联样式表)都是非常重要的页面布局方法,而且CSS也是最高效的页面布局方法.CSS发展于1994年10月,是为了补救HTML 3.2语法中的不足,但是由于当时网络的发展的不足和浏览器的支持率较低,直到1996年底,才正式发表了CSS 1.0规格,也正是1996年之后,浏览器才开始正式的支持CSS.
在网页布局中,CSS经常被使用于页面样式布局和样式控制.熟练的使用CSS能够让网页布局更加的方便,在页面维护时,也能够减少工作量.通常CSS能够支持三种定义方式,一是直接将样式控制放置于单个HTML元素内,称为内联式;二是在网页的head部分定义样式,称为嵌入式;三是以扩展名为.css文件保存样式,称为外联式.
这三种样式适用于不同的场合,内联式适用于对单个标签进行样式控制,这样的好处就在于开发方便,而在维护时,就需要针对每个页面进行修改,非常的不方便;而嵌入式可以控制一个网页的多个样式,当需要对网页样式进行修改时,只需要修改head标签中的style标签即可,不过这样仍然没有让布局代码和页面代码完全分离;而外联式能够将布局代码和页面代码相分离,在维护过程中,能够减少工作量.
12.1.2 CSS基础
CSS能够通过编写样式控制代码来进行页面布局,在编写相应的HTML标签时,可以通过Style属性进行CSS样式控制,示例代码如下所示.
这是一段文字
上述代码使用内联式进行样式控制,并将属性设置为font-size:14px,其意义就在于定义文字的大小为14px;同样,如果需要定义多个属性时,可以同写在一个style属性中,示例代码如下所示.
这是一段文字1
这是一段文字2
这是一段文字3
This is My First CSS code
这是一段文字5
上述代码分别定义了相关属性来控制样式,并且都使用内联式定义样式,这些CSS的属性的意义如下所示:
字体名称属性(font-family):该属性设定字体名称,如Arial,,Tahoma,,Courier等,可以定义字体的名称.
字体大小属性(font-size):该属性可以设置字体的大小.字体大小的设置可以有多种方式,最常用的就是pt和px.
该属性有三个值可选:normal,,italic,oblique,normal是默认值,italic,oblique都是斜体显示.
字体粗细属性(font-weight):该属性常用值是normal和bold,normal是默认值,bold是粗体.
字体变量属性(font-variant):该属性有两个值normal和small-caps,normal是默认值.small-caps表示字体将被显示成大写.
字体属性(font):该属性是各种字体属性的一种快捷的综合写法.
字体颜色(color):该属性用来控制字体颜色.
这些属性分别定义了字体属性,如图12-1所示.
图12-1 CSS样式控制
用内联式的方法进行样式控制固然简单,但是在维护过程中却是非常的复杂和难以控制.当需要对页面中的布局进行更改时,则需要对每个页面的每个标签的样式进行更改,这样无疑增大的工作量,当需要对页面进行布局时,可以使用嵌入式的方法进行页面布局,示例代码如下所示.
这是一段文字1
.font1
{
font-size:14px;
}
.font2
{
font-size:14px;
font-weight:bolder;
- 皮肤结构图片 > ASPNET的皮肤
-
ASPNET的皮肤
下载该文档 文档格式:DOC 更新时间:2008-11-02 下载次数:0 点击次数:2文档基本属性 文档语言: Simplified Chinese 文档格式: doc 文档作者: guojing 关键词: 主题: 备注: 点击这里显示更多文档属性 经理: 单位: 分类: 创建时间: 上次保存者: 修订次数: 编辑时间: 文档创建者: 修订: 加密标识: 幻灯片: 段落数: 字节数: 备注: 演示格式: 上次保存时间:
- 下载地址 (推荐使用迅雷下载地址,速度快,支持断点续传)
- DOC格式下载
- 更多文档...
-
上一篇:放线菌病_皮肤性病科疾病库 PDF转换可能丢失图片或格式,建议阅读...
下一篇:尿布皮炎_皮肤性病科疾病库 PDF转换可能丢失图片或格式,建议阅读...
点击查看更多关于皮肤结构图片的相关文档
- 您可能感兴趣的
- qq皮肤背景图片 qq皮肤图片 qq透明皮肤图片 qq非主流皮肤背景图片 非主流2011qq皮肤图片 qq2011皮肤背景图片 qq皮肤图片2011 qq皮肤背景图片怎么弄 透明皮肤图片
- 大家在找
-
- · cf每日任务礼包领取
- · ug冲压模具设计
- · 护士长竞聘答辩试题
- · 高清暮光之城2在线看
- · 西安数控招聘
- · 物流职业经理人
- · 中国国家地理pdf下载
- · motome811
- · 五色力士在异世txt
- · 东莞市苏鲁定钨钢刀具有限公司
- · 老百晓小学语文第三册
- · 电子商务成功案例ppt
- · 洗碗机多少钱
- · 日本9.0级地震照片
- · 2011年放假通知
- · 在线预测babymaker
- · 清华天河cad2007
- · 英语创意阅读翻译
- · 2011年全国微波毫米波会议论文集下载
- · 自动仪表车床视频
- · 暮光之城2新月高清
- · 偷星九月九天的大结局
- · 学校校车安全管理制度
- · 班主任每周工作小结
- · 毛细管黏度计运动黏度试验视频
- · 液压元件设计计算手册
- · 大众cc两厢
- · 地震安全性评价
- · 艾莱依羽绒服2011款
- · 如何当好班组长演讲稿
- 赞助商链接