使用CSS格式化XMLWord下载.docx
- 文档编号:15965944
- 上传时间:2022-11-17
- 格式:DOCX
- 页数:19
- 大小:26.62KB
使用CSS格式化XMLWord下载.docx
《使用CSS格式化XMLWord下载.docx》由会员分享,可在线阅读,更多相关《使用CSS格式化XMLWord下载.docx(19页珍藏版)》请在冰豆网上搜索。
red;
author,price,pubdate
blue;
book.xml
<
?
xmlversion="
1.0"
encoding="
gb2312"
>
xml-stylesheettype="
text/css"
href="
book.css"
bookxmlns="
x-schema:
bookschema.xml"
<
name>
XML语言及应用<
/name>
author>
华拴平<
/author>
price>
19.00<
/price>
pubdate>
2006-01-01<
/pubdate>
/book>
5.2链接CSS和XML文档
5.2.1使用xml:
stylesheet处理指令
使用css:
stylesheet需要按照如下步骤:
(1)创建XML文档;
(2)创建格式化XML文档的样式表;
(3)将CSS文档和XML文档结合起来,查看结果。
一、外部样式文件(样式的直接指定法)
:
即直接指定某一标记的属性值。
例5.1四大名著.xml
books>
book>
红楼梦<
曹雪芹<
15.8<
主要人物:
贾宝玉,林黛玉,薛宝钗
西游记<
吴承恩<
35.2<
唐僧,孙悟空,猪八戒,沙僧
三国演义<
罗贯中<
23.5<
关羽,诸葛亮,曹操
水浒传<
施耐庵<
16.8<
李逵,鲁智深,高球
/books>
例5.2四大名著.CSS
books{display:
{
display:
background-color:
#ffbb11;
color:
margin-top:
10px
}
name
black;
author{display:
price{display:
最后:
将CSS文档和XML文档结合起来,查看结果:
在XML头部加一条处理指令:
xml-stylesheettype="
href="
四大名著.css"
xml-stylesheet?
处理指令,也可以:
xml:
stylesheet?
Type:
指定样式文档的类型。
Href:
指定CSS文档的URL,该URL可以是本地路径或Internet的相对路径或绝对路径。
绝对路径:
注意:
应用样式表的处理指令只能放在XML文档序言中的XML声明之后。
提示:
的作用:
(1)告诉IE这里不再使用XML文件的默认样式(树状结构图)。
(2)告诉IE使用href指定的样式。
问:
元素中的价格和其文本内容为什么是蓝色的?
如果XML文档中有一个标记没有定义样式,则该标记将使用它的父标记样式,这种机制称为样式的继承。
如果没有指定子元素的字号、颜色等属性,则该元素将继承其父元素的属性,不备继承的属性一般有背景、边框等。
二、将样式语句嵌入到XML文件当中
即直接将样式语句写在XML文档内部。
四大名著内部样式.xml
stylesheettype="
?
booksxmlns:
html="
"
html:
style>
@charset"
GB2312"
books{display:
{
40px
}
Name
color:
font-family:
楷体;
Author{display:
green;
price{display:
/html:
<
……
说明:
表示style来自于html标准。
GB2312"
,@charset规则用来指定样式表使用的字符集,此处为Windows下的汉字字符集GB2312。
要设置汉字字体必须有该指令,否则全部为浏览器默认字体,如IE默认汉字字体为宋体(用户也可以自定义)。
@charset规则只在外部样式表文件内使用,只允许使用一次,且必须为样式表的第一行。
三、混合的方法指定样式
可以综合使用上面两种方法给XML文档添加样式,当所添加的样式中有些规则发生矛盾时,以内部方法定义的为主。
四大名著混合样式.xml
5.2.2使用@import指令和!
important声明
一、使用@import指令
Import语句是一种文件包含功能,提供了一种将多个CSS文件集成一个CSS文件的途径。
语法格式:
@importurl(URL);
其中:
URL为被引用的样式单地址。
@import指令必须放在文件的开头,即任何规则之前。
如果被引用的样式表中的格式与引用者的格式冲突,则引用者中的格式优先。
如果引用的多个外部样式表格式冲突,则就近使用其中的格式。
@import指令末尾的分号(;
)不能少。
例import示例.xml
importschool.css"
school>
信管061的帅哥
class>
信管061<
/class>
monitor>
刘庆宇<
/monitor>
/school>
例importschool.css
school{display:
font-size:
20pt;
例importclass.css
@importurl(importschool.css)
Class{display:
monitor{display:
二、!
“!
important”声明用于将规则声明为重要的。
其作用是:
可以改变默认样式的层叠规则。
如把!
important声明与属性连接起来,则该属性将不被覆盖。
例importschoolimportant.css
school{font-size:
red!
important}
school{color:
属性与!
important之间紧密相连。
三、使用多个样式文件
一个样式文件可以被多个XML文档调用,同时一个XML文档也能够调用多个样式文件。
例使用多个样式文件1.css
例使用多个样式文件2.css
class{display:
monitor{display:
修改import示例.xml为
例使用多个样式文件.xml
使用多个样式文件1.css"
使用多个样式文件2.css"
5.3CSS样式的使用
CSS样式表语法格式:
选择符{属性1:
属性值1;
[属性2:
属性值2;
…]}
说明:
选择符:
可以是多个元素、带有特定CLASS或ID特性的元素以及其它与元素内容相关的特殊选择符;
属性:
控制元素的各种特性。
5.3.1选择元素
1、同时选择多个元素
例刘心武.xml
刘心武.css"
studentsxmlns:
student>
stuid>
/stuid>
nameid="
nameid"
刘心武<
sex>
男<
/sex>
age>
Thisisage:
45<
/age>
imgsrc="
11.jpg"
/>
/student>
student>
秦可卿<
sex>
女<
20<
imgsrc=
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 使用 CSS 格式化 XML