www.baike369.com
百科369 > XML教程 > XML样式表(CSS)

XML样式表(CSS)



XML样式表(CSS)

CSS用于控制XML文档在Web上的显示格式。即使删除了(X)HTML文档里的样式控制标记,浏览器照样知道如何显示文档里的元素,如表格、不同的标题级别等。而在其它XML词汇里,我们不可能找到与页面布局有关的样式控制标记,比如<table>元素可能用于描述有四条腿的木头大象。鉴于浏览器根本不知道如何显示XML词汇里的任何元素,因此在用CSS控制XML文档的显示格式时,比起(X)HTML文档要麻烦许多。

用CSS显示XML文档的格式(xml-stylesheet)

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

把CSS样式表插入到XML文档(xml-stylesheet)

当我们把CSS应用到(X)HTML文件里时,CSS规则可以直接插入到文档头的<style>元素里,不需要生成一个专门的文件。

XML CSS元素选择符

选择符是CSS规则的一部分,它表示受规则作用的元素。


CSS用于XML文档的布局

在XML文档里,元素内容需要通过元素名来描述,但是浏览器不能显示元素名;许多XML文档里的属性包含着重要的数据。因此,当我们需要显示一个XML文档时,特别是需要定位和布局时,必须掌握CSS如何显示一个页面。

XML使用CSS样式表设置块级元素和行内元素

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表在块级元素内插入块级和行内元素

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的默认定位方法

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的相对定位方法

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的相对定位时遇到的重叠现象

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的浮动定位方法

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的浮动定位时遇到的重叠现象

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的浮动定位时利用clear属性防止重叠

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML CSS样式表使用绝对定位创建元素的多栏文本

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。

XML使用CSS样式表设置元素的固定定位方法

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


XML设计表格数据

XML CSS样式表使用display属性显示表格数据

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


XML文档中的链接

XML文档中的链接

在XML 1.0推荐标准中,没有与<a>元素等效的链接标记,因此,如果希望用CSS样式表显示XML文档,则需要在CSS文件中定义一个链接元素。

XML使用XHTML名称空间建立超链接

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


在XML文档里插入图像

在XML文档里插入图像

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


XML通过样式表给文档添加内容

XML CSS样式表使用:before属性建立项目符号列表

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


XML属性内容

XML CSS样式表显示属性值

XML文档name.xml的源代码如下:CSS样式表文件name.css的源代码如下:3. 在浏览器中显示name.xml文档的效果。


XML样式表(CSS)总结

XML样式表(CSS)总结

在XML文档里应用CSS不同于在(X)HTML文档里应用CSS。

Copyright© 2011-2016 www.baike369.com All Rights Reserved