比如:
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系统。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)