stylesheet用法(incapable用法)
大家好,stylesheet用法相信很多的网友都不是很明白,包括incapable用法也是一样,不过没有关系,接下来就来为大家分享关于stylesheet用法和incapable用法的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
asp.net(c#) 中xml具体用法
asp.net创建xml就是通过创建DataTable来创建xml中的树型等
1 DataSet objset=new DataSet();
2 DataTable istable=new DataTable("test");
3 istable.Columns.Add("rate1",typeof(int));
4 istable.Columns.Add("rate2",typeof(int));
5 istable.Columns.Add("rate3",typeof(int));
6 istable.Columns.Add("rate4",typeof(int));
7 objset.Tables.Add(istable);
8
9 DataRow dr=objset.Tables["test"].NewRow();
10 dr[0]=赋值;
11 dr[1]=赋值;
12 dr[2]=赋值;
13 dr[3]=赋值;
14 objset.Tables["money"].Rows.Add(dr);
15
16 objset.WriteXml(Server.MapPath("test.xml"),XmlWriteMode.WriteSchema);
其中就是先创建DataSet和DataTable,其中建立的表为test,再在表中添加子项rate1,2,3,4,再定义新的行,分别添加对应的值,最后这些都已经写进DataSet表中,通过DataSet把xml输入就完成了。要读就只需要把xml的数据读到DataSet中,再通过 DataSet中的表的项来对应读出数据。
而C#中则使用的DOM来实现操作,比如现有一个bookstore.xml文件,内容如下
<?xml version="1.0" encoding="gb2312"?>
<bookstore>
<book genre="fantasy" ISBN="2-3631-4">
<title>Oberon's Legacy</title>
<author>Corets, Eva</author>
<price>5.95</price>
</book>
</bookstore>
下面讲解4种常用的方法
1、往<bookstore>节点中插入一个<book>节点:
XmlDocument xmlDoc=new XmlDocument();
xmlDoc.Load("bookstore.xml");
XmlNode root=xmlDoc.SelectSingleNode("bookstore");//查找<bookstore>
XmlElement xe1=xmlDoc.CreateElement("book");//创建一个<book>节点
xe1.SetAttribute("genre","李赞红");//设置该节点genre属性
xe1.SetAttribute("ISBN","2-3631-4");//设置该节点ISBN属性
XmlElement xesub1=xmlDoc.CreateElement("title");
xesub1.InnerText="CS从入门到精通";//设置文本节点
xe1.AppendChild(xesub1);//添加到<book>节点中
XmlElement xesub2=xmlDoc.CreateElement("author");
xesub2.InnerText="候捷";
xe1.AppendChild(xesub2);
XmlElement xesub3=xmlDoc.CreateElement("price");
xesub3.InnerText="58.3";
xe1.AppendChild(xesub3);
root.AppendChild(xe1);//添加到<bookstore>节点中
xmlDoc.Save("bookstore.xml");
//================
结果为:
<?xml version="1.0" encoding="gb2312"?>
<bookstore>
<book genre="fantasy" ISBN="2-3631-4">
<title>Oberon's Legacy</title>
<author>Corets, Eva</author>
<price>5.95</price>
</book>
<book genre="李赞红" ISBN="2-3631-4">
<title>CS从入门到精通</title>
<author>候捷</author>
<price>58.3</price>
</book>
</bookstore>
2、修改节点:将genre属性值为“李赞红“的节点的genre值改为“update李赞红”,将该节点的子节点<author>的文本修改为“亚胜”。
XmlNodeList nodeList=xmlDoc.SelectSingleNode("bookstore").ChildNodes;//获取bookstore节点的所有子节点
foreach(XmlNode xn in nodeList)//遍历所有子节点
{
XmlElement xe=(XmlElement)xn;//将子节点类型转换为XmlElement类型
if(xe.GetAttribute("genre")=="李赞红")//如果genre属性值为“李赞红”
{
xe.SetAttribute("genre","update李赞红");//则修改该属性为“update李赞红”
XmlNodeList nls=xe.ChildNodes;//继续获取xe子节点的所有子节点
foreach(XmlNode xn1 in nls)//遍历
{
XmlElement xe2=(XmlElement)xn1;//转换类型
if(xe2.Name=="author")//如果找到
{
xe2.InnerText="亚胜";//则修改
break;//找到退出来就可以了
}
}
break;
}
}
xmlDoc.Save("bookstore.xml");//保存。
//=================
最后结果为:
<?xml version="1.0" encoding="gb2312"?>
<bookstore>
<book genre="fantasy" ISBN="2-3631-4">
<title>Oberon's Legacy</title>
<author>Corets, Eva</author>
<price>5.95</price>
</book>
<book genre="update李赞红" ISBN="2-3631-4">
<title>CS从入门到精通</title>
<author>亚胜</author>
<price>58.3</price>
</book>
</bookstore>
3、删除<book genre="fantasy" ISBN="2-3631-4">节点的genre属性,删除<book genre="update李赞红" ISBN="2-3631-4">节点。
XmlNodeList xnl=xmlDoc.SelectSingleNode("bookstore").ChildNodes;
foreach(XmlNode xn in xnl)
{
XmlElement xe=(XmlElement)xn;
if(xe.GetAttribute("genre")=="fantasy")
{
xe.RemoveAttribute("genre");//删除genre属性
}
else if(xe.GetAttribute("genre")=="update李赞红")
{
xe.RemoveAll();//删除该节点的全部内容
}
}
xmlDoc.Save("bookstore.xml");
//====================
最后结果为:
<?xml version="1.0" encoding="gb2312"?>
<bookstore>
<book ISBN="2-3631-4">
<title>Oberon's Legacy</title>
<author>Corets, Eva</author>
<price>5.95</price>
</book>
<book>
</book>
</bookstore>
4、显示所有数据。
XmlNode xn=xmlDoc.SelectSingleNode("bookstore");
XmlNodeList xnl=xn.ChildNodes;
foreach(XmlNode xnf in xnl)
{
XmlElement xe=(XmlElement)xnf;
Console.WriteLine(xe.GetAttribute("genre"));//显示属性值
Console.WriteLine(xe.GetAttribute("ISBN"));
XmlNodeList xnf1=xe.ChildNodes;
foreach(XmlNode xn2 in xnf1)
{
Console.WriteLine(xn2.InnerText);//显示子节点点文本
}
}
以上的就是ASP.NET和C#对xml的基本使用方法。下面说一下xml和xsl,从抽象的来说,我个人觉得xml象是数据库,而xsl就象是过滤的。xsl中可以加入html等语法,也可以加入xml的语法等,可以列出需要的数据等。
现有一个xml文件,内容如下
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" rel="external nofollow" href="test.xsl"?>
<NewDataSet>
<Table id="1">
<ProductID>1001</ProductID>
<CategoryID>1</CategoryID>
</Table>
<Table id="2">
<ProductID>1002</ProductID>
<CategoryID>2</CategoryID>
</Table>
</NewDataSet>
其中第2句是引用xsl,xsl内容如下
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="">
<xsl:template match="/">
<html>
<body>
<center>
<h2>the notepad</h2>
<table border="1">
<tr>
<td>id</td>
<td>name</td>
</tr>
<xsl:for-each select="NewDataSet/Table">
<tr>
<td><xsl:value-of select="ProductID"/></td>
<td><xsl:value-of select="ProductName"/></td>
</tr>
</xsl:for-each>
</table>
</center>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
中间的for-each就是循环遍历节点,获取指定的select后的内容,下面的value-of就相当于sql中字段名。在使用xsl的时候,还可以查询某一个值,这样xsl就需要如下<xsl:value-of select="/students/student[@id='2']/ProductID"/>
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="">
<xsl:template match="/">
<center><h1>id号是"2"的厂家的产品ID是:<xsl:value-of select="/NewDataSet/Table[@id='2']/ProductID"/></h1></center>
</xsl:template>
</xsl:stylesheet>
有些如果在Table下还有节点,要显示这个节点下的东西xsl就该如下
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="">
<xsl:template match="/">
<html>
<body>
<center>
<h2>the notepad</h2>
<table border="1">
<tr>
<td>随便写</td>
</tr>
<xsl:for-each select="NewDataSet/Table/xx/*">
<tr>
<td><xsl:value-of select="."/></td>
</tr>
</xsl:for-each>
</table>
</center>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
html中 的用法
相对跳转有如下方式,需要了解(以下的例子中,分别以你的例子和带.html尾缀进行演示):
1、本目录的使用(与本文件在相同的文件夹下):
<a rel="external nofollow" href="123456">
<a rel="external nofollow" href="123456.html">
2、本目录下的子文件夹(设文件夹名为newdoc)的使用:
<a rel="external nofollow" href="newdoc/123456">
<a rel="external nofollow" href="newdoc/123456.html">
3、本目录下的子文件夹下的子文件夹(设文件夹名为newdoc2)的使用(如果更多层,则依此类推):
<a rel="external nofollow" href="newdoc/newdoc2/123456">
<a rel="external nofollow" href="newdoc/newdoc2/123456.html">
4、本目录上一层父目录的使用:
<a rel="external nofollow" href="../123456">
<a rel="external nofollow" href="../123456.html">
5、本目录上两层父目录的使用(如果更多层,则依此类推):
<a rel="external nofollow" href="../../123456">
<a rel="external nofollow" href="../../123456.html">
6、本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹):
<a rel="external nofollow" href="../new/123456">
<a rel="external nofollow" href="../new/123456.html">
如果使用DW等网页制作软件的话,会有很完美的链接(URL)提示功能,使用这项功能可以为你减少很多该方面的麻烦,并且不会出错,发生找不到文件的情况,建议使用。
扩展资料:
在HTML中,页面相互嵌套,再带上frame的总和应用时,超链接的路径错误是个问题。如在java web开发时,下面是普通的超链接:
<a rel="external nofollow" href="findallsupplier.action?sign=0"></a>
经常报找不到文件或是路径中有重复路径存在!
解决方法:
<a rel="external nofollow" href="../../findallsupplier.action?sign=0"></a>
不仅要指明这个超链接要去访问谁,还要指明服务器处理完再次跳转时的相对路径。
外部CSS引用:
<link type="text/css" rel="stylesheet" rel="external nofollow" href="../css/test.css"/>
如果<a>链接</a>不设置href的话,部分浏览器将不会出现cursor“手指针”。
参考资料来源:百度百科-href
css的基本语法
css的基本语法
cascading stylesheet(级联样式表)。为网页提供外观(也就是,网页的表现形式)。将网页的外观写在一个css文件里,方便页面代码的维护(将表现与数据分离)。为方便大家学习css,我为大家分享css的基本语法如下:
css的基本语法选择器{
属性1:属性值1;
属性n:属性值n;
符合选择器要求的标记,会添加对应的样式。
Chrome浏览器为SVG和CSS添加GPU加速功能
互联网有消息透露,谷歌正在为Chrome浏览器增加新的GPU加速功能。Chrome18浏览器将内建开关选项,让消费者选择使用GPU硬件加速基于矢量的SVG图形和CSS过滤器,让Chrome浏览器在未来网页显示上获得突破性速度,并且达成惊人的视觉效果。
Chrome浏览器的SVG和CSSGPU加速支持Windows,Mac,Linux和谷歌的Chrome操作系统,但目前这个功能仍然主要是实验性质,因为只有几个少数网站部署了SVG和CSSGPU加速。
但也有信息表示,tomshardware测试发现Chrome这项功能在显示目前网页方面,显示速度并没有出现任何显着增加,在WebVizHTML5基准测试当中出现了不稳定和崩溃问题。
评论表示,虽然SVG和CSSGPU加速还有待完善,但是Mozilla火狐、微软IE和其他版本浏览器之间的竞争,肯定会推动这种技术快速发展和完善。
设置容器中的内容垂直居中css代码
如实例1设置网页整体居中的代码中内容是居容器的顶部的,而在表格布局时默认是垂直居中的,当我们需要垂直居中的时候该怎么办呢?别害怕,跟我来,也是比较简单的,只用设置容器内的行高就行了。
line-height:500px;
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">
<htmlxmlns="">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>标准之路www.aa25.cn</title>
<style>
#layout{width:778px;margin:0auto;text-align:center;border:1pxsolid#44b6dc;background:#e1edfb;height:500px;line-height:500px;}
</style>
</head>
<body><pid="layout">标准之路www.##.cn</p>
</body>
</html>
提示:可以先修改部分代码后再运行
这是一种方法,另外和种方法就是设置的`它内边距padding了,自己可以试试哟~~
CSS对不同浏览器的兼容性解决办法
CSS对不同浏览器的兼容性解决办法由于CSS在不同浏览器中存在兼容性问题,所以在使用 p+CSS布局中,可能导致相同的内容在不同浏览器中出现不同的显示效果,为了解决这些方面的问题,以下针对CSS某些属性的用法提出相应的一些解决办法。 1、页面居中问题在IE浏览器下,可以通过定义CSS样式body{text- align: center;}来实现页面居中,但在FireFox(以下简写为FF)浏览器下此属性就失效了。解决办法:使用"margin- left: auto; margin- right: auto;" www.diannao114.cn2、padding属性在不同浏览器的显示问题当给p设置padding属性后,在FF浏览器中会导致 width和height增加(p的实际宽度=p宽+Padding),但在 IE浏览器中width和height不会增加,这就导致相同的内容在不同浏览器中出现不同的显示效果。解决办法:给p设定IE、FF两个宽度,在IE的宽度前加上IE特有标记"*"号。例如:#pwidth{ padding:5px; width:100px;*width:110px;} 3、奇怪的间隙问题有的时候我们明明设好了高度,可在IE6上却看见一些奇怪的间隙。解决办法:试试在有空隙的p上加上"font- size:0px;" 4、关于手形光标要将页面内容的光标显示为手形,通常的做法是使CSS属性cursor: hand;但这于做法只适用于IE.解决办法:cursor: pointer; 5、浮动在IE6产生双倍距离问题例如:#box{ float:left; width:100px; margin:0 0 0 100px;}这种情况之下IE6会产生200px的距离。解决办法:在以上属性的基础上,加上display:inline,使浮动忽略。6、UL和FORM标签的padding与margin ul标签在FF中默认是有padding值的,而在IE中只有 margin默认有值。FORM标签在IE中,将会自动margin一些边距,而在FF中margin则是0;解决办法:css中首先都使用这样的样式ul,form{margin:0; padding:0;}。 7、截字省略号.hh{- o- text- overflow:ellipsis; text- overflow:ellipsis; white- space:nowrap; overflow:hidden;}这个CSS是定义当内容溢出宽度后会自行的截掉超出部分的文字,并以省略号结尾,但注意Firefox并不支持。
p+CSS网页布局的分类
p+CSS网页布局的分类1、一列固定宽度一列布局是所有布局的基础,也是最简单的布局方式,用 p+CSS布局的代码如下: XHTML代码:一列固定宽度CSS代码:#main1{ width: 400px; height: 300px; background- color:#EEEEEE; border: 1px solid#999999;} 2、一列自适应宽度自适应的布局能够根据浏览器窗口的大小自动改变其宽度和高度值,是网页设计中一种非常灵活的布局形式,用 p+CSS布局的代码如下: XHTML代码:一列自适应宽度CSS代码:#main2{ width: 70%; height: 300px; background- color:#EEEEEE; border: 1px solid#999999;} 3、一列固定宽度居中页面整体居中是网页布局中最常见到形式,在传统的表格布局中,使用TABLE的align="center"属性来实现,在p+CSS布局中采用如下代码来实现:XHTML代码:一列自适应宽度CSS代码: p+CSS网页布局方法探析。如今的网页设计考虑得更多的是搜索引擎以及给用户带来更多的便利,传统的TABLE网页布局由于其庞大的HTML代码,使得其在搜索引擎方面显得有些无能为力,而用p+CSS进行网页布局具有代码精简的优点使得其在这方面又体现出更多的优势。但是又由于CSS对不同浏览器存在兼容性问题,所以对于初学者来说,在使用p+CSS进行网页布局过程中可能会遇到各种问题,本文就给大家探讨几点p+CSS布局的技巧。4、二列固定宽度在有一列固定宽度布局的基础上,实现二列固定宽度也就很简单了,用p+CSS布局的代码如下:XHTML代码:左侧右侧CSS代码:#left{ width: 150px; height: 300px; background- color:#EEEEEE; border: 1px solid#999999; float:left;}#right{ width: 400px; height: 300px; background- color:#EEEEEE; border: 1px solid#999999; float:left;} 5、二列固定宽度居中从一列固定宽度居中的布局方法中,我们就不难完成二列固定宽度居中了,可以使用一个居中的p作为容器,将二列分栏的p放置在容器中,从而就实现二列的居中显示。 p+CSS的代码如下: XHTML代码:左侧右侧CSS代码:#main{ width:554px; margin:0px auto;#left{ width: 150px; height: 300px; background- color:#EEEEEE; border: 1px solid#999999; float:left;}#right{ width: 400px; height: 300px; background- color:#EEEEEE; border: 1px solid#999999; float:left;}这里仅列举了一列、二列的布局方式,实际上三列、四列等多列的布局方式也和二列的布局方式的实现方法是一样的。事实上不管多么复杂的页面设计,在p+CSS网页布局中,均是以p为基础,通过一列、二列、三列这些基础的布局方式的相互组合与嵌套来实现复杂的布局。
p+CSS网页布局技巧:设置网页整体居中的css代码
以前用表格布局时设置网页居中非常方便,把表格对齐方式设置为居中就行了,就这么简单,现在呢,用p+CSS样式表控制,好像不是那么容易了,其实也很简单,只不过方式不同而已。
<style>
#layout{ width:778px; margin:0 auto; text-align:center;}
</style>
<p id="layout">标准之路www.aa25.cn</p>
请看这段代码,宽度为适合800×600分辨率浏览器的宽度,margin:0 auto;这句代码就是让居中了,意思是外边距上下设置为0,左右设为自动。这样它就居中了。
那么可能你要问了,text-align:center;为什么还要让内容居中呢?呵呵,别着急,这句是为了适应IE6以下版本的浏览器而加的,IE6以下对margin:0 auto;不能解析为居中,所以用这种方式来补救,以下在设计内容时再用 text-align:left;就可以了。
注:margin和padding的值的顺序为顺时针上右下左,如margin:1px 2px 3px 4px;还可以缩写为上下、左右,如本例,如果为margin:0px;则是各边都为0
提示:可以先修改部分代码后再运行
;
关于stylesheet用法的内容到此结束,希望对大家有所帮助。