AS P.NET程序设计教程课件作者崔连和6.章节09章节09-主题和母版页技术.pptVIP

尚辅网 / 中国 黑龙江齐齐哈尔大学 崔连和 ASP.NET程序设计教程 PART 主题和母版页技术 9 CSS样式 主题的使用 母版页 综合实例 9.1.1 概述 9.1.2 CSS样式的创建 9.1.3 CSS样式的应用 9.2.1 概述 9.2.2 创建页面主题 9.2.3 创建皮肤 9.2.4 主题图片和其他资源 9.2.5 主题的应用与禁用 9.2.6 主题与级联样式（CSS） 9.3.1 母版页的组成 9.3.2 母版页技术常用控件 9.3.3 母版页的运行过程 9.3.4 母版页的优越之处 9.3.5 母版页技术应用过程 9.3.6 母版页的创建与使用 9.3.7 母版页的原理 9.3.8 母版页与内容页的关联 9.3.9 母版页编程 本章小结 每章一考 主题和母版页技术 第9章 9.1.1 概述 1．CSS的含义 CS5实质上是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，内容与表现形式是相互分开的。 CSS 样式可以通过内联方式放置在单个HTML元素内，也可以在Web页HEAD部分的STYLE块内加以分组，或从单独的CSS样式表文件中导入。 80 9.1 CSS样式 网站页面的布局通常有表格布局和CSS+DIV布局两种方式。CSS是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记语言。减少网页的代码量，加快页面传送速度。 9.1 CSS样式 第9章 第9章 2．CSS样式的分类 1. 内联样式（Inline Style）。内联样式是写在HTML标记之中的，它只针对自己所在的标记起作用。样式的属性、内容直接包含在将要修饰的文字标记里。 98 2.内部样式表（Internal Style Sheet）。内部样式表是写在head/head里面的，它只针对所在的HTML页面有效。 3.外部样式表（External Style Sheet）。把内联样式表中的style/style之间的样式规则定义语句放在一个单独的外部文件中，其扩展名是css。一个外部样式表文件可以通过link标签连接到HTML文档中。 9.1 CSS样式 网站页面的布局通常有表格布局和CSS+DIV布局两种方式。CSS是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记语言。减少网页的代码量，加快页面传送速度。 9.1 CSS样式 CSS样式表按其位置的不同可以分为内联样式（Inline Style）、内部样式表（Internal Style Sheet）及外部样式表（External Style Sheet）三类。 第9章 启动VS 2010 依次在主菜单中选择“文件|新建|网站”命令，出现“新建网站”对话框，选择“ASP.NET空网站”，单击“确定”按钮，完成新网站的建立 添加样式规则 右键单击样式文件窗口，在弹出的样式菜单中选择“添加样式规则”命令。在该窗口左侧提供了三种类型的样式选择器 1）元素：用于指定一个HTML元素。 2）类名：用于创建通用的样式规则。 3）元素ID：为页面上指定的元素的ID设置样式。 添加样式表 在“解决方案资源管理器”中，单击右键“添加新项”，在弹出的“添加新项”菜单中选择“样式表”，单击“添加”按钮 生成样式 将光标定位在样式表文件编辑窗口，然后单击样式表文件编辑区上部的“生成样式”，将弹出“修改样式”窗口，在该窗口中可以很直观地进行样式设置。 9.1.2 CSS样式的创建 9.1 CSS样式 网站页面的布局通常有表格布局和CSS+DIV布局两种方式。CSS是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记语言。减少网页的代码量，加快页面传送速度。 9.1 CSS样式 9.1.3 CSS样式的应用 1．CSS样式的应用十分简单，只需在“解决方案资源管理器”中，选择已经建立的样式拖到设计视图中即可。 80 第9章 9.1 CSS样式 网站页面的布局通常有表格布局和CSS+DIV布局两种方式。CSS是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记语言。减少网页的代码量，加快页面传送速度。 9.1 CSS样式 第9章 主题的含义 主题由外观、级联样式表（CSS）、图像和其他资源组成，它提供了一种简单的方法设置控件的样式属性。外观文件具有文件扩展名?skin，它包含各个控件的属性设置。 皮肤文件的含义 皮肤即外观文件，皮肤文件