开心果
(开心果)
论坛元老
 
高级会员
UID 22257
精华
5
积分 3660
帖子 3554
金钱 3610 喜悦币
威望 50
人脉 0
阅读权限 90
注册 2003-8-5
状态 离线
|
[推荐阅读] 整型数字转化成字符的问题?--可能很菜,但希望得到你的帮助!
[color=red][b]16、CSS样式定义节点[/b][/color]
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="1.css"?>
[color=red]<books>[/color]
[color=blue]<book>[/color]
<author>lisongtao</author>
<name>the application of ASP</name>
[color=blue]</book>[/color]
[color=red]</books>[/color]
---------------------------------------------------------
1.css
-----------------------------------------------------------
[color=red]books
{
display:block;
}[/color]
[color=blue]book
{
display:block;
background-color:#aabbcc
}[/color]
---------------------------------------------
心得:以上的定义方法和重定义HTML的标签样式一样,如对CSS不熟者,推荐用DW生成后再对应一下效果.很易就可以学会的.
[color=red][b]17、样式类定义XML[/b][/color]
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="3.css"?>
<list [color=red]class="listclass"[/color]>
<sublist [color=red]class="listsmall"[/color]>lisongtao</sublist>
<sublist>zhongguo</sublist>
</list>
----------------------------------------------------------
3.css
.listclass {color: red; font-size:26pt}
.listsmall {color:blue; font-size:15pt}
[color=red][b]18、类的ID定义XML[/b][/color]
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="ID.css"?>
<school>
<class [color=red]id="list"[/color]>lisongtao</class>
<monitor [color=red]id="list1"[/color]>lisongtao</monitor>
</school>
---------------------------------
ID.CSS
--------------------------------------------------
#list {font-size:28pt; color:red; display: block}
#list1 {font-size:14pt; color:blue display: block }
[color=red][b]19、XML中直接使用CSS[/b][/color]
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="sevil.txt"?>
<!--这句一定要有,而SEVIL.TXT可以换别的名字,不过中文好像这里不行.-->
<FOO [color=red]STYLE="font-weight: bold;color:red"[/color]>
Hello XML!
</FOO>
[color=red][b]20、在一个样式表中合并引用另一个样式表的方法[/b][/color]
@import url("sevil.css");
[color=red][b]21、用CSS定制个节点的块状显示[/b][/color]
XML.XML
--------------------------------------------------------------------------------
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css" href="CSS.css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
[color=red]<HTML:style>
books
{
display:block;
width:30em;
}
</HTML:style>[/color]
<book>
<author>list </author>
<name> ASP及其应用</name>
<publisher>Tsinghua University</publisher>
<price>12.30</price>
</book>
<book>
<author>James </author>
<name> XML及其应用</name>
<publisher>Tsinghua University</publisher>
<price>15.30</price>
</book>
<book>
<author>John </author>
<name> CSS及其应用</name>
<publisher>Peiking University</publisher>
<price>16.30</price>
</book>
</books>
---------------------------------------------------------------
CSS.CSS
---------------------------------------------------------------
book
{
display:block;
background-color:#AABBCC;
padding:1.2em;
margin-bottom:1em;
}
author
{
display:block;
font-size:16pt;
color:red;
}
[color=red][b]22、在同一个XML文件内引用多个CSS样式表的方法[/b][/color]
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="1.css"?>
<?xml-stylesheet type="text/css" href="2.css"?>
[color=red][b]23、在XML中使用HTML标记的方法,例插入图片[/b][/color]
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<book>
<author>list </author>
<name> ASP及其应用</name>
<publisher>Tsinghua University</publisher>
<price>12.30</price>
[color=red]<HTML:img src="suzh1.jpg" [b]/[/b]>[/color]
</book>
</books>
[color=red][b]24、在XML中使用HTML标记的方法(2),使用超连接[/b][/color]
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<book>
<author>list </author>
<name> ASP及其应用</name>
<publisher>Tsinghua University</publisher>
<price>12.30</price>
[colorred]<from><HTML:a href="http://www.263.net">263中国在线</HTML:a></from>[/color]
</book>
</books>
[color=red][b]25、在XML中使用HTML标记(3),使用<BR><p>等标记
[/b][/color]
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<book>
[color=red]<HTML:P>[/color]
<author>list </author>
[color=red]</HTML:P>[/color]
<name> ASP及其应用</name>
<publisher>Tsinghua University</publisher>
[color=red]<HTML:br/>[/color]
<price>12.30</price>
</book>
</books>
[color=red][b]26、在XML中使用HTML标记的方法(4),使用表格标签[/b][/color]
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<book>
<HTML:TABLE border="1.0" align="center">
<HTML:TR>
<HTML:TD>LIST</HTML:TD>
<HTML:TD>ASP PROGRAMING</HTML:TD>
<HTML:TD>TSINGHUA UNIVERSITY</HTML:TD>
</HTML:TR>
</HTML:TABLE>
</book>
</books>
[color=red][b]27、在XML中使用HTML标记的方法(5),使用表单[/b][/color]
汗。。。。这样子就没意思了,仅供参考
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<book>
<HTML:TABLE border="0" align="center">
<HTML:TR>
<HTML:TD>NAME</HTML:TD>
<HTML:TD><HTML:INPUT TYPE="TEXT"/></HTML:TD>
</HTML:TR>
<HTML:TR>
<HTML:TD>NAME</HTML:TD>
<HTML:TD><HTML:INPUT TYPE="TEXT"/></HTML:TD>
</HTML:TR>
<HTML:TR>
<HTML:TD>NAME</HTML:TD>
<HTML:TD><HTML:INPUT TYPE="TEXT"/></HTML:TD>
</HTML:TR>
</HTML:TABLE>
<HTML:CENTER>
<HTML:INPUT TYPE="SUBMIT"/><HTML:INPUT TYPE="RESET"/>
</HTML:CENTER>
</book>
</books>
[color=red][b]28、在XML中使用HTML标记的方法(6),使用JS脚本[/b][/color]
<?xml version="1.0" encoding="[color=black]g[/color]b2312"?>
<?xml-stylesheet type="text/css"?>
<books xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
<HTML:SCRIPT language="javascript">
var fRunning = 0
function startTrans()
{
if (fRunning == 0)
{
fRunning = 1
SampleID.filters.revealTrans.Apply();
[color=red]SampleID.src = "suzh1.jpg";[/color]
SampleID.filters.revealTrans.Play()
}
else
{
fRunning = 0
SampleID.filters.revealTrans.Apply();
[color=red]SampleID.src = "suzh2.jpg";[/color]
SampleID.filters.revealTrans.Play()
}
}
</HTML:SCRIPT>
<HTML:IMG id="SampleID" src="suzh2.jpg" width="200" height="200" style="filter:revealTrans(duration=3)" onclick="startTrans()" />
<HTML:BR />
Click image for Transition Filter: Blend
</books>
[color=red][b]29、总结CSS/HTML:[/b][/color]
其实在XML里面调用CSS来显示统一的样式很简单,主要通过一个
<?xml-stylesheet type="text/css" href="1.css"?>
这样的方法来联系起来.最好能先学学CSS的语法这样对大家很有好处.如果不太会的话,也可以用DW来自动生成CSS样式表后再联起来.呵.
致于调用HTML标记可以用<HTML:标记>这样的方法来实现.但一定要注意记他合乎XML的规则就行了.
|
|