css和xml的区别

html-css023

css和xml的区别,第1张

除了xml和xhtml有点关系外,其的这几个词摆在一起没什么大关系,不属于同类技术,不好说什么区别。 css是样式表,和html结合紧密,用处太多,我就不一一解释了。 xml是一种可扩展的标记性语言,特点就在“可扩展”三个字,用来定义数据很好,他的应用现在是越来越多。 传说中的html下一代就是xhtml,他将完全符合xml标准,不过我似乎没看见什么正式的叫xhtml的东西出台。 至于dhtml,简单得说他就是css+html+js+dom一起写出来的动态网页。

麻烦采纳,谢谢!

明确几点先:

xml:用以存储数据

html:就是网页

html中用css(层叠样式表)定义样式,美化页面

在xml中,同样可以用css定义,美化

所以说,xml的“样式表”跟css没什么不同

css既可以做html的样式表,也可以做xml的样式表,不知道描述的请不清楚~~

1、XML中引入CSS样式。

在XML中引入CSS样式表有两种方法。一种是在XML文档中直接嵌入CSS样式;另一种则是外部引入(似乎在WEB中很多引入的方式都有这两种)。在XML中直接嵌入CSS样式的方法如下:

1 <?xml version="1.0" encoding="utf-8"?>

2 <?xml-stylesheet type="text/css"?>

3 <xml>

4 <HTML:STYLE xmlns:HTML=http://v.youku.com/v_show/id_XMTMzMTM0ODIzMg==.html>

5 book{

6 display:block

7 background-color:#FFE4C4

8 margin:5px

9 }

10 name{

11 display:block

12 line-height:30px

13 }

14 author{

15 display:block

16 line-height:30px

17 }

18 date{

19 display:block

20 line-height:30px

21 }

22 </HTML:STYLE>

23 <book>

24 <name>Xml应用系列</name>

25 <author>学路的小孩</author>

26 <date>2009-03-23</date>

27 </book>

28 </xml>

代码说明:第一行是XML文件的头部声明,作为一个格式良好的Xml文档,都应该添加头部的声明信息。第二行是CSS样式的声明,其中,xml-stylesheet的意思是为XML文档添加样式表,type="text/css"的意思是样式表的类型是CSS样式表。第四行和第二十二行中间的内容则是CSS样式的内容,其中第四行用来声明添加CSS代码,第二十二行则是它的封闭标签。后面的几行是XML文档的内容。在添加了CSS样式之后,我们在IE中打开这个XML文档,效果如下图:

第二种方式是外部引用。外部引用的代码示例如下:

1 <?xml version="1.0" encoding="utf-8"?>

2 <?xml-stylesheet type="text/css" href="bookstyle.css"?>

3 <xml>

4 <book>

5 <name>Xml应用系列</name>

6 <author>学路的小孩</author>

7 <date>2009-03-23</date>

8 </book>

9 </xml>

代码说明: 第一行为Xml文档的声明;第二行中添加了一个href属性,它表示引入外部的CSS文件,文件的名字是bookstyle.css。后面的几行是XML文档的内容。我在bookstyle.css中写入的样式如下:

1 book{

2 display:block

3 background-color:gray

4 margin:5px

5 }

6 name{

7 display:block

8 line-height:30px

9 }

10 author{

11 display:block

12 line-height:30px

13 }

14 date{

15 display:block

16 line-height:30px

17 }

这个样式跟第一个样式的唯一区别就是背景改为了gray,在IE中显示的效果为:

2、CSS设置XML文档的显示效果

CSS中使用选择符来格式化XML文档。选择符一般为一个或多个XML标签,例如上面的book、name等,在花括号中为显示的属性和属性值,属性和属性值中间以冒号分开。使用CSS可以通过dispaly属性设置标签内容是否显示,属性值有none、block、inline、list-item。另外CSS还可以设置XML显示的字体、颜色、文本、边距、边框、填充以及定位显示。这些使用方法和在HTML中的使用是一样的,这里就不再详细说明

有什么不懂的话可以去51 r g b的论坛询问高手哦