id选择器，我们从另一个方面思考，它和数据库表里面的主键是同一个作用，唯一标示，所以id是唯一的.
对于class我们可以联想到java中的类，对于同样的功能，我们使用或继承同一个类就可以了，不需要编写新的类，css中的class也是如此，同样的样式用同一个class实现。
怎样确定使用id选择器还是类选择器
1.网页上多次使用一个样式
2.id用来辨别网页上只出现一次的部分
3.id可以用来避免样式冲突
注意：id用”#”来表示，class用”.”来表示，id只能用于一个标签，class则可以进行复用。
实例如下: ex1_id_Class.html
[caption id=”attachment_311” align=”alignnone” width=”438”]
ID选择器与类[/caption]
我们使用div对页面进行分割，使用span包含某一两个文字或者一段话。事实上，div实现了页面的布局，它来主持着页面的全局，而span对其中各个细微的地方进行修饰。
1.div标签辨别网页的一个逻辑分区(division)
2.标签让你把一个类或者id样式仅应用给标签的一部分
可以把标签放置在段落内的个别的单词和短语周围，对它们单独设置样式。
welcome to my Web Development Machine ,my best friend
一个样式实际上有两个部分组成，要进行设置的网页元素（选择器）和格式化指令(声明块)。
我们要对任何一个页面的元素进行样式的设定,这时选择器使得我们能够选定该元素，而再者就是对它的各个属性进行设定，实际上我们没有设定前它使用的是html默认样式。
[caption id=”attachment_306” align=”alignnone” width=”553”]
选择器和声明块[/caption]
Selecter(选择器)：要设定样式的元素，如段落(p)、链接(a)。
Delaration block (声明块)：包含所有要应用到选择器的样式。
Delatation (声明)：每个声明都有两个部分，一个属性和一个值。
Property (属性)：CSS提供了大量的可以格式化的选项，称作属性。
我眼中的CSS
web领域是由统一的标记语言来进行推动和发展的，今天，w3c为我们定义了统一的html格式，并且我们可以通过css对页面元素的展现进行控制，所以学习css最终的目的是：1.使得页面更美观 2.让代码更简洁直观
css2技术讲解里面加入了很多个人的一些看法和技术经验，并会实时的进行修改和更新，欢迎读者多多批评指点^_^
css术语的翻译
Cascading Style Sheet 层叠样式表
Internal Style Sheet 内部样式表
External Style Sheet 外部样式表
inheritance 继承
desendent selector 派生选择器
universal selector 通配选择器
Inline Style 行内样式
margin 边距
padding 填充
border 边框
bulleted list 无序列表
numbered list 有序列表
相关连接：http://www.w3.org/Style/CSS/
为了获取并操作一组img元素搞了半天：
结果发现：
eq(num)返回的是jQuery object，用法：$(element).eq(0)
get(index)返回的是javascript的DOM，用法：$(element).get(0)
难怪一堆东西获取不了
var srcs = $(“.pic-2 > img”).get(index_2);
var temp_src= srcs.src;
$(“.pic-2 >img”).eq(temp).animate({opacity: 1}, 0);
返回当前点击img的index值:
index_2 = $(“.pic-2 > img”).index($(this));
jquery moblie listview里面的list在动态添加到listview元素里面后，绑定的事件无效。
需要在refresh事件之后进行事件绑定,如图:
In the jquery moblie listview,when add content in the listview,and bind events on these elements,the events are do not work.
so i need bind events after the listview invoke resresh.
goagent在uploader.bat上传的时候报错:can’t set attribute.原因是设置了密码两部验证。在google帐号设置里面重新设置应用验证密码就可以了
CSS3和HTML5的浏览器支持一览表 http://www.findmebyip.com/litmus/#target-selector
[caption id=”attachment_256” align=”alignnone” width=”680” caption=”css3 support list”]
[/caption]
在手机端用的比较多的是滚动加载内容,对waypoints进行扩展可以很方便的加载列表。进行代码如下:
jQuery.fn.extend({
loaddate : function(opts){
var o = $.extend({
wp: {offset: ‘103%’},
hrefSelector: ‘.loadlink’,
databoxSelector: ‘#listbox’,
dataselector:’.list’
},opts||{});
var _this = this;
_this.waypoint(function(event, direction) {
_this.waypoint(‘remove’);
$.mobile.loading( ‘show’ );
var href = $(o.hrefSelector).attr(‘href’);
if(href == ‘#’){
$.mobile.loading(‘hide’);
return;
}
$.get(href, function(data) {
var data = $(data);
$(o.databoxSelector).append(data.find(‘.list’));
$.mobile.loading(‘hide’ );
$(o.hrefSelector).replaceWith(data.find(o.hrefSelector));
$(o.databoxSelector).listview(‘refresh’);
_this.waypoint(o.wp);
});
}, o.wp);
return _this;
}
});
在页面调用的话，加入控制加载的html标签:
