第07讲使用CSS显示XML(免费阅读).pptVIP

任务5：使用CSS布局属性 * 任务5-4：插入图片 第一步：增加一个空元素picture，为其属性ID设定某个值。 第二步：使用#引用ID的值，导入图片。 XML中：picture ID=1/ CSS中：#1 { display:block; background:url(xml.gif); float:left; width:75px; height:105px; } 案例5-4：ch7-e3-1.xml 和image.css * 软件学院 软件学院 常州信息职业技术学院 软件学院 XML .Net教研室 第07讲 使用CSS显示XML * 主讲：郭永洪 E-mail：yh_guo@126.com 目标 知识目标 CSS文档结构 CSS引用形式 CSS选择符和属性 能力目标 学会编写CSS文档 学会使用CSS属性格式化显示XML * 任务 任务1：XML中引用CSS 任务2：CSS选择符的使用 任务3：CSS文本属性的使用 任务4：CSS容器属性的使用 任务5：CSS布局属性的使用 * Web标准 * 1. 结构标准语言 XML：用于网络数据转换和描述。 XHTML：基于XML的标识语言，是HTML向XML的过渡。 2. 表现标准语言 CSS：实现表现与结构分离。 3. 行为标准 DOM：文档对象模型，网页与脚本或程序语言沟通的桥梁。 ECMAScript：一种开放的、国际上广为接受的脚本语言规范，JavaScript?是ECMAScript?规范的一种实现。 CSS（级联样式单）简介 * 发布组织：W3C（万维网联盟） CSS1：1996年公布的样式语言 CSS2：1998年W3C公布了一个修订的CSS规范，包含了CSS1所有的特色和功能，并进行了完善。 CSS利用简单的规则来控制HTML元素和XML元素在浏览器中的显示方式。 CSS语法格式 * 选择符 { 属性1:属性值1; 属性2:属性值2； …… } title { font-family:Arial,sans-serif; / * 字体 */ font-size:24px; /* 字号 */ color:#369; /* 前景色 * / } titleXML案例教程/title 任务1：XML中引用CSS * 案例1-1：内部CSS引用 * ?xml version=1.0 encoding=UTF-8? ?xml-stylesheet type=text/css? Book xmlns:html=/Profiles/XHTML-transitional html:style title { font-family:Arial,sans-serif; font-size:24px; color:#369; } /html:style titleXML案例教程/title /Book 案例1-2：外部CSS引用 * title { font-family:Arial,sans-serif; / * 字体 */ font-size:24px; /* 字号 */ color:#369; /* 前景色 * / } ?xml version=1.0 encoding=UTF-8? ?xml-stylesheet type=text/css href=“title.css? Book titleXML案例教程/title /Book 案例1-3：使用@import指令 * title { font-family:Arial,sans-serif; font-size:24px; color:#369; } title.css @import url(“title.css); title { /* color:red; */ padding-bottom:4px; border-bottom:1px solid #999; } title-import.css ?xml version=1.0 encoding=UTF-8? ?xml-stylesheet type=text/css href=“title-import.css? Book