5.1.3css属性.ppt

5.3 CSS与XSL 对xml文档施加一个样式表，可在xml中使用标记?xml:stylesheet type=text/ href=“ ? 区别 Css即可用于HTML也可用于XML，XSL专门用于XML Css的语法自成体系，XSL遵从XML的语法 XSL是一种转换的思想，最终将XML文档转换成另一种可以输出的文档，而CSS没有任何转换动作 CSS适合用于输出比较固定的最终文档，而XSLT要重新索引XML结构树，消耗内存比较多 第5章 CSS和XSL 目录 5.1 CSS 5.1.1 CSS样式定义 5.1.2 XML文档和CSS样式表 5.1.3 CSS属性 5.1.4 CSS应用示例 5.2 XSL 5.2.1 XSL的基本知识 5.2.2 XSL文件的基本结构 5.2.3 XSL中常用的元素及其属性 5.3 CSS与XSL 5.1 CSS(Cascading Style Sheets) W3C在1996年制定并且发布的网页排版标准，是一种用于网页排版的标记性语言。 以纯文本的形式存储 CSS不但增强HTML的表现能力，而且能够用例表现XML Cssshili1.htm 5.1.1 CSS样式定义 用CSS表现XML文档是通过为XML文档中的元素设计相应的样式表来实现。 样式规则定义方法： CSS选择符{属性1:属性值1;属性2:属性值2;….} 选择符：是一个XML的元素或用户定义的类、ID等 CSS中三种选择符 XML元素 使用格式： XML 元素名称 {设置的样式规则} 用户创建的类（CLASS）：为同一个XML元素指定多种风格 格式： .类名称{设置的样式规则} XML元素名称.类名称{设置的样式规则} 使用格式：XML 元素名称 class=“类名称” 5.1.1 CSS样式定义 CSS中三种选择符 自定义（ID） 格式： # id号 {设置的样式规则} XML元素名称 # id号{设置的样式规则} 使用格式： XML 元素名称 id=“id号” 5.1.2 XML文档和CSS样式表 CSS与XML元素联系起来的三种方式 将CSS置于XML文档中 将CSS制作成单独的CSS文件 前两者的结合，即一部分CSS样式表存在于XML文档中，另外一部分则以单独的样式表文件保存 5.1.2 XML文档和CSS样式表 （1）XML文档中的样式表 ?xml version=1.0 encoding=GB2312 ? ?xml:stylesheet type=“text/css“ ? 根元素 xmlns:HTML=/TR/REC-html40 HTML:STYLE CSS选择符1{设置的样式规则} CSS选择符2{设置的样式规则} /HTML:STYLE 其他元素 ……. /其他元素 /根元素 5.1.2 XML文档和CSS样式表 （2）CSS样式文件 .css样式文件 STYLE TYPE=“text/css” CSS选择符1 {设置的样式规则} CSS选择符2 {设置的样式规则} ….. CSS选择符n {设置的样式规则} /STYLE Xml处理指令 ?xml:stylesheet type=“样式表文件的语言类型” href=“样式表文件的名称和位置“ media=“样式表介质目标” title=“样式表的标题” alternate=“yes/no”? 5.1.2 XML文档和CSS样式表 （3）外部CSS样式表和内部CSS样式表 样式表的优先等级（由低到高） 浏览器默认的样式表 外部样式文件 内部样式文件 5.1.3 CSS属性 （1）字体属性 Cssshili2.htm 5.1.3 CSS属性 （2）文本属性 Cssshili3.html，Cssshili4.html 5.1.3 CSS属性 （3）框属性 填充：填充距指的是文本边框与文本之间的距离。 边框 边界：定义了边距后的页面，无论您怎么改变窗口的大小，它都会按照您定义好的边距样式显示。 位置 5.1.3 CSS属性 框填充属性 5.1.3 CSS属性 框边框属性 Cssshili5.html 5.1.3 CSS属性 框边界属性 5.1.3 CSS属性 框位置属性 5.1.3 CSS属性 （4）颜色和背景属性 CSSShili6.html } } 5.1.3 CSS属性 （5）定位属性 Cssshili7.html;cssshili8.html