软件开发 程序设计

第6章 层叠样式表

软件开发 程序设计

概述教学提示：XML为存储结构化数据提供了 教学提示：XML为存储结构化数据提供了 强大的方法， 强大的方法，但是它没有提供关于数据 如何显示的信息，这实际上是XML的优点： XML的优点 如何显示的信息，这实际上是XML的优点： 数据的结构完全与数据表示无关。 数据的结构完全与数据表示无关。当有 必要表示格式化XML文件中的数据时， XML文件中的数据时 必要表示格式化XML文件中的数据时，格 式化的详细信息放置在层叠样式表CSS CSS中 式化的详细信息放置在层叠样式表CSS中。 教学目标：理解层叠样式表CSS的概念， CSS的概念 教学目标：理解层叠样式表CSS的概念， 掌握层叠样式表CSS的方法，掌握CSS CSS的方法 CSS与 掌握层叠样式表CSS的方法，掌握CSS与 XML结合的方法 学会综合运用CSS 结合的方法， CSS。 XML结合的方法，学会综合运用CSS。

北京林业大学信息学院

软件开发 程序设计

6.1 6.2 6.3 6.4 6.5 6.6

CSS简介 设置字体属性 设置色彩和背景图象属性 设置边界属性 CSS2新增功能 综合实例北京林业大学信息学院

软件开发 程序设计

6.1 CSS简介是用于为XML XML数据定义显示参数的一 CSS 是用于为XML数据定义显示参数的一 种技术， 种技术，它利用简单的规则来控制元素 内容在浏览器中的表现方式。CSS最初是 内容在浏览器中的表现方式。CSS最初是 被开发来为HTML文档指定显示的， HTML文档指定显示的 被开发来为HTML文档指定显示的，同时 也适合于XML数据。 XML数据 也适合于XML数据。样式表中的显示规范 XML数据分离 数据分离， 与XML数据分离，这意味着相同的数据通 过应用不同的样式表可以以不同的方式 显示。同样， 显示。同样，相同的样式表可以应用到 多个XML文件。 XML文件 多个XML文件。北京林业大学信息学院

软件开发 程序设计

6.1.1 CSS的概念CSS( CSS(Cascading Style Sheet)层叠样 ) 式表，也称为级联样式表， 式表，也称为级联样式表，是用来进行 网页风格设计的。在网页制作时采用CSS 网页风格设计的。在网页制作时采用CSS 技术，可以有效地对页面的布局、字体、 技术，可以有效地对页面的布局、字体、 颜色、 颜色、背景和其它效果实现更加精确的 控制。 控制。只要对相应的代码做一些简单的 修改，就可以改变同一页面的不同部分， 修改，就可以改变同一页面的不同部分， 或者页数不同的网页的外观和格式。 或者页数不同的网页的外观和格式。

北京林业大学信息学院

软件开发 程序设计

6.1.2 CSS的使用CSS基本语法 CSS基本语法 一个无CSS样式表XML CSS样式表XML文件 一个无CSS样式表XML文件 一个使用CSS样式表XML CSS样式表XML文件 一个使用CSS样式表XML文件

北京林业大学信息学院

软件开发 程序设计

1. CSS基本语法CS

S的规则是通过属性与属性值来共同设定。 CSS的规则是通过属性与属性值来共同设定。 的规则是通过属性与属性值来共同设定 属性名称是CSS的关键字， fontCSS的关键字 属性名称是CSS的关键字，如fontfamily(字体 字体) font-size(文字大小 文字大小) family(字体)、font-size(文字大小)、 display(显示属性 显示属性) color(颜色 颜色) display(显示属性)、color(颜色)等。属 性用语指定元素某一方面的特性， 性用语指定元素某一方面的特性，而属性 值则用于指定元素的特性的具体特征。 值则用于指定元素的特性的具体特征。 样式表的建立要符合CSS规则， CSS规则 样式表的建立要符合CSS规则，它们一般被 定义成以下形式的句法： 定义成以下形式的句法： 标志{标志属性1:属性值1;标志属性2: 1:属性值1;标志属性2:属性 标志{标志属性1:属性值1;标志属性2:属性 2;标志属性3:属性值 标志属性3:属性值3;...} 值2;标志属性3:属性值3;...}北京林业大学信息学院

软件开发 程序设计

2. 一个无CSS样式表XML文件【例6.1】这是一个没有应用层叠样式表的 】这是一个没有应用层叠样式表的XML文 文 档，code6_1.xml <?xml version="1.0" encoding="gb2312" ?> <poem> <name>望庐山瀑布 望庐山瀑布</name> 望庐山瀑布 <writer>唐.李白 李白</writer> 唐 李白 <content>日照香炉升紫烟 日照香炉升紫烟</content> 日照香炉升紫烟 <content>遥看瀑布挂前川 遥看瀑布挂前川</content> 遥看瀑布挂前川 <content>飞流直下三千尺 飞流直下三千尺</content> 飞流直下三千尺 <content>疑是银河落九天 疑是银河落九天</content> 疑是银河落九天 </poem>北京林业大学信息学院

软件开发 程序设计

2. 一个无CSS样式表XML文件

北京林业大学信息学院

软件开发 程序设计

3. 一个使用CSS样式表XML文件XML文档的开头部分写一个关于样式单 在XML文档的开头部分写一个关于样式单 的如下声明语句： 的如下声明语句： <?xml-stylesheet type="text/css" href="mycss.css" ?> 也可以使用完整的URL指定CSS样式表文件， URL指定CSS样式表文件 也可以使用完整的URL指定CSS样式表文件， 像下面这个例子： 像下面这个例子： <?xml-stylesheet type=" text/css" href=/file /mycss.css ?>北京林业大学信息学院

软件开发 …… 此处隐藏：4175字，全部文档内容请下载后查看。喜欢就下载吧 ……