请教怎么在WinCE中调用html页面

请教怎么在WinCE中调用html页面,第1张

CSS是由选择器加声明组成的。

比如:

h1{color:red}

h1就是选择器,意思是只要遇到h1,就使用该CSS的规则

color:red:这个事声明

color:这个是属性

red:这个是值

2

OK,我们先来分析选择器。

END

一.选择器

1

选择器的种类很多,各有各的作用。我们来一一讲解。

标签选择器

class选择器

id选择器

全局选择器

组合选择器

伪类选择器

2

标签选择器

顾名思义,HTML中有许多标签,而标签选择器就是用来给标签直接申明样式的,简单、实用、常用。

举例:

p{color:red}

只要是p标签,其P标签内部的颜色,都是红色。

如图代码

<head><meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /><title>无标题文档</title><style>p{ color:red}</style></head><body><p>嘿嘿哦嘿嘿呀哦嘿嘿哦</p></body>

其中,<style>标签是样式标签,请将CSS放在其中

(这部分内容后续会介绍,这里只是先提一下)

3

看网页效果

4

class选择器

也叫做类选择器,直接说概念估计你也不明白,直接上例子吧。

举例:

.alsp{color:red}

这就是一个class选择器,意思是有一种CSS的样式,其名字是alsp,谁想用谁用。

看代码:

<head><meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /><title>无标题文档</title><style type="text/css">.alsp{color:red}</style></head><body><p class="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol class="alsp"><li>嘿啥嘿</li><li>我想嘿嘿</li><li>专制各种不服</li></ol><p>世界为亡,死不投降</p></body>

5

看网页效果

通过.alsp定义一个class选择器。

在后面的代码中,哪个标签想用,就用class="alsp"去调用,就可以使用这件“衣服”来修饰自己了

6

ID选择器

ID和class很像,但是和class有一个区别。class像姓名,两个人是可以同名的,但是id像身份z,只有一个人可以使用。

例如:

#alsp{color:red}

OK,上代码:

#alsp{color:red}</style></head><body><p id="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol><li>嘿啥嘿</li><li>我想嘿嘿</li><li>专制各种不服</li></ol><p>世界为亡,死不投降</p></body>

7

看网页效果

只能有一个标签使用该id,或者说该标签专属ID

8

全局选择器

*{margin:0padding:0}

这个很简单,前面用个*来表示,整个网页都会使用。这句话也是网页基本都要添加的,什么意思呢?自己试试看吧。

9

组合选择器

组合选择,小编是非常喜欢使用的,原因无他,懒而已。他可以减少代码量,并且方便、易读。

不过组合选择器的组合方式比较多,但也多很好理解。

1)群模式

比如:

h1{color:redfont-size:14px}

p{color:redfont-size:14px}

a{color:redfont-size:14px}

这三个虽然标签不同,但是样式是一模一样的,所以,可以这样写:

h1,p,a,{color:redfont-size:14px}

2)继承模式

比如:

.alsp li{color:red}

<ul class=".alsp">

<li>fdf</li>

</ul>

li是在ul之中的,算是ul的后代。通过.alsp li确定li是属于调用alsp类选择器里的li标签,其他的li标签并不会使用该样式。

3)群模式(多元素并列选择器)

其实也是一种特殊的群模式

p.alsp{color:red}

<p class="alsp">p.alsp</p>

<a class="alsp">a.alsp</p>

alsp仍然是一种class选择器,但是他只有在p的标签下被使用才生效。

所以,第一行生效,p.alsp字样变红,第二行不生效

10

伪类选择器

“伪”字暴露了他的本质,伪类选择器并不像其他选择器直接做用在标签上,但是他偏偏又是在标签上进行使用,所以称为“伪类选择器”。

伪类的作用,是作用在状态上。

一般情况正常运行,只有当达成条件的时候触发,才会执行伪类选择器所代表是css样式。

伪类选择器很多,但许多都是我们这辈子估计都用不到的。

OK,伪类选择器后续我会专门写一篇经验介绍,有点小多,这里也就不多说了。

END

二.在HTML中调用CSS

调用CSS的常用方法有3中

内样式

外样式

行间样式

内样式

直接看代码,如图所示

在<head></head>中,加入<style></style>,并将相关的CSS样式放在其中

外样式

直接看代码,如图所示:

<link rel="stylesheet" type="text/css" href="index.css">

这里,href为css的路径。

意思是,你专门创建一个index.css的文件,里面放上CSS样式,和内样式的语法一模一样,只是专门找了一个文件存放而已。

行间样式

行间样式直接写在元素里面

例如:<p style="color:#900">嘿嘿哦嘿嘿呀哦嘿嘿哦</p>

直接在标签后面加上style

一般不要用,不过可以用来调试使用

END

总结

到这里,这篇经验就算完结了。你也应该知道如何去写CSS样式,如何在HTML里添加CSS样式了。

后面我会继续写CSS的声明部分。

整理一下WINCE6.0的安装过程,发现有很多人自今仍为CE6.0的安装困扰,不是安装失败就是无法编译成功,有的甚至出现破坏先前安装的5.0版本的现象,针对这种现象,结合网上的安装文档,我总结了安装指导说明 PS:文中所指的安装程序路径为我拿到的软件包及在我PC的路径,请根据您的具体路径来修正。 Window CE6.0安装顺序 Windows CE6.0的安装过程繁琐,为确保安装顺利,请仔细阅读本文,按照步骤一步一步进行安装。 一、所需安装软件包括 1、Visual Studio 2005 2、Visual Studio 2005 Service Pack 1 3、MSDN(可选) 4、Windows Embedded CE6.0(即PB6.0) 5、Windows Embedded CE 6.0 Platform Builder Service Pack 1 6、WINCE6.0R2 7、Microsoft Device Emulator 2.0 8、Virtual Machine Network Driver for Microsoft Device Emulator 9、WINCE6.0 Updates 二、所用磁盘空间 在安装之前,请检查您PC的磁盘空间,目标安装盘剩余空间最好大于15G,建议30个G,因为还要有R3和以后的系统定制和应用开发。C盘剩余空间最好大于4G,建议目标安装盘不要选择C盘。 安装程序 所用磁盘空间 Visual Studio 2005 2G Visual Studio 2005 Service Pack 1 1.8G (C盘) MSDN 1.5G Windows Embedded CE6.0 (ARMV4I、X86) 7.8G (C盘1G) WINCE6.0R2 几百M 总共:14G左右 三、安装顺序 1、先安装Visual Studio 2005 安装程序位于VS2005\VSTS\vs目录下,直接双击该目录下setup.exe进行安装。最好别用DEFAULT安装,把组件CUSTOM一下,不然会花很多冤枉的磁盘空间。WINCE600的Platform Builder不像WINCE500是独立的,而是作为VS2005的插件,以后建立和定制OS、编译调试全部在VS2005里完成。 2、安装Visual Studio 2005 Service Pack 1 安装程序位于\VS2005\VSTS\sp1目录下,直接双击该目录下VS80sp1-KB926601-X86-ENU.exe进行安装。这是必须的装的,Release Note里面提到SP1提供了Windows Embedded 6.0 platform and tools support。安装文件为VS80sp1-KB926601-X86-ENU.exe。此补丁对不同的VS2005版本(Standard / Professional / Tem Edition) 都适用。 如果您用的是Vista系统,装完此补丁后,还要装VS80sp1-KB932232-X86-ENU.exe补丁。 3、安装MSDN 安装程序位于\VS2005\VSTS\msdn目录下,直接双击该目录下setup.exe进行安装。 4、安装Windows Embedded CE6.0 安装程序位于\CE6\Windows Embedded CE 6.0\目录下,直接双击该目录下setup.exe进行安装。在安装过程中,请注意选择安装路径,在选择CPU类型时,根据您目标硬件平台来选择,考虑节省磁盘空间,建议只选ARMV4I和X86。 这里要特别的注意,如何选择路径的问题,小安就是个例子(不要骂我呦,嘿嘿),安装CE 6.0时,选中要安装的选项后选浏览,就可以更改目录了。这里可以参考GM的安装说明,如下: http://blog.csdn.net/gooogleman/archive/2009/05/28/4219567.aspx 5、安装Windows Embedded CE 6.0 Platform Builder Service Pack 1 安装程序位于\CE6\Windows Embedded CE 6.0 Platform Builder Service Pack 1\目录下,直接双击该目录下Windows Embedded CE 6.0 Platform Builder Service Pack 1.msi进行安装。 6、安装WINCE6.0R2 安装程序位于\CE6\CE6R2\目录下,直接双击该目录下setup.exe进行安装。 这里要对WINCE6.0R2进行必要的说明,WinCE6.0 R2 是WinCE6.0的一个增强组件,相当于WinCE6.0的补丁,先安装WinCE6.0之后再安装WinCE6.0 R2就OK! 7、安装Microsoft Device Emulator 2.0 安装程序位于\CE6\Microsoft Device Emulator 2.0\目录下,直接双击该目录下vs_emulator20.exe进行安装。 8、安装Virtual Machine Network Driver for Microsoft Device Emulator 安装程序位于\CE6\ Virtual Machine Network Driver for Microsoft Device Emulator\目录下,直接双击该目录下Virtual Machine Network Driver for Microsoft Device Emulator.msi进行安装。 9、安装WINCE6.0 Updates 安装程序位于\CE6\WinCe 6.0 Patches\目录下,请仔细查看文件的时间序,安装时间序一个一个安装,从WinCEPB60-061231-Product-Update-Rollup-Armv4I.msi开始装,这里只提供到EPB60-080731-2008M07-Armv4I.msi。欲升级最新补丁,请登录微软网站下载 http://www.microsoft.com/windows ... etting-started.mspx 10. 安装WINCE 6.0 R3 利用最新发布的 Windows Embedded CE 6.0 R3,设备制造商可以使用熟悉的工具和创新的技术,创建用户界面更具沉浸感、浏览体验更丰富多彩、与 Windows PC、服务器、服务和设备的连接更具特色的与众不同的设备。以高性能、高可靠性 Windows Embedded CE 平台为基础,设备制造商可以快速、高效地将其设备推向市场。具体怎么样,我也不清楚,我只是把它安装了,怎么用,以后和大家一起探讨吧。 下载地址: http://www.cevx.com/bbs/viewthre ... %26amp%3Btypeid%3D5 当然,有个大家熟悉的牛人做了个调试助手,我把链接发过来: 需要的同学请到这里下载: http://files.cnblogs.com/we-hjb/R3DownLoad.rar Viewers for Windows Embedded CE 6.0 R3 Mobile QQ Messenger Client for Windows Embedded CE 6.0 R3 至此,Windows CE6.0 所有软件安装完毕。 下面我将各个部分的网址链接在这里给出,大家按照上面的步骤,从下面的链接下载即可,不敢保证所有的网址都能正常打开,如果有什么不能下载的,请和我联系,我尽快做出修改。 下载地址: 本文以WINCE6.0 180天免费试用版说明如何安装WINCE6.0 R2 注意必须有足够的硬盘空间。 1. 安装Visual Studio 2005 WINCE6.0作为Visual studio 2005的一个插件,必须首先安装VS2005。 2. 安装VS2005 SP1补丁 根据安装的VS2005的语言版本下载并安装相应的SP1补丁,比如 中文版SP1补丁下载地址: http://www.microsoft.com/downloa ... 6-b39d-37baf6b5b1dc 英文版SP1补丁下载地址: http://www.microsoft.com/downloa ... 6-b39d-37baf6b5b1dc 『说明』请注意,完整安装过程需要耗费较长时间。 3. 安装WINCE6.0 如果使用WINCE6.0 180天试用版可以到 http://www.microsoft.com/windowsembedded/eval/trial.mspx 注册一个密匙并在线安装WINCE6.0,安装速度视网速而定,如果网速不好,可以到网上找离线安装包下载。 安装时注意在选择bsp时选上ARMV4l。 4. 安装WINCE6.0 SP1补丁 下载并安装Windows Embedded CE 6.0 Platform Builder Service Pack 1.msi,下载地址: http://www.microsoft.com/downloa ... &displaylang=en 5. 安装WINCE6.0 R2 在线安装WINCE6.0 R2,地址: http://www.microsoft.com/downloa ... &DisplayLang=en 也可以从网上找离线安装包下载后安装。 6. 给WINCE6.0打补丁 按照时间顺序打补丁,补丁从2007年年底开始。 注意6410必须打上08年1月的补丁WinCEPB60-080131-2008M01-Armv4I.msi,否则会编译失败,下载地址: http://www.microsoft.com/downloa ... &DisplayLang=en 7. 升级.NET Cmpact Framwork3.5 下载地址: http://www.microsoft.com/downloa ... &DisplayLang=en 8.VS2005: 最后,我要补充一点,在安装完Visual Studio 2005之后,应该首先安装VS 2005 SP1,然后再安装PB 6.0。毕竟PB是作为一个插件出现在VS 2005中的,接下来还需要安装PB 6.0 SP1,可以在微软网站上下载,下载地址为: www.microsoft.com/downloads/deta ... &displaylang=en 补充: wince6.0的安装顺序&VS2005(下)Platform Buidler for CE 6.0离线安装包下载: http://hi.baidu.com/tommy1987090 ... 71073333fa1cd0.html 本文参考网址: http://hi.baidu.com/ch_ff/blog/item/7488ee9578638b19d31b7006.html http://blog.mcuol.com/User/lqshu/Article/15812_1.htm http://hi.baidu.com/jjzhang166/b ... 134a4ff21fe786.html http://blog.csdn.net/gooogleman/archive/2009/05/28/4219567.aspx http://blog.163.com/mfk_happy/bl ... 942008816102254414/ http://www.esdevelop.cn/category/windowsce/200801/wince_6.html http://www.cnblogs.com/we-hjb/archive/2009/10/14/1583500.html 转自 http://blog.csdn.net/hao507/archive/2010/03/17/5388044.aspx 补充: 补充一下,看你电脑配置,不装个3、4个小时成不了

目前winCE安装包只有cab格式的,手机CE安装包不一定支持导航仪CE,可以到http://bbs.gpsuu.com/thread.php?fid-310.html下载,但要注册,大部分都支持导航仪CE系统。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7302448.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存