将img转换成块模块即可消除间隔

img{ display: block; }

浮动元素后面不浮动的元素，会占据浮动元素的位置，浮动元素并没有占据文档流的位置

但是后面未浮动元素还是会从浮动元素右边开始排列（036参考文字绕图效果）

一个大盒子中的小盒子最好同时给定浮动，可以左浮动也可以有浮动， 比如一个大盒子有三个小盒子，第一个和第二个左浮动，第二个在给定margin就可以放在中间 最后一个盒子给定右浮动，就可以靠右

如果，大盒子中的有一个小盒子没有给定浮动，小盒子就会从大盒子左上角开始排列，占据一行，因为浮动的盒子并没有占据文档流的位置

给定浮动的小盒子，如果也是靠近左上角，会浮动在为给定浮动盒子的上层，会形成覆盖 参考04-web中index.html 部分，如果删除搜索框的fl左浮动， 搜索框就会跑到左上角，但是由于不是浮动元素，搜索框出现了margin-top塌陷，上边距设置不会生效

浮动不能继承父级的浮动，比如li是一个块元素，需要自己设置自己的浮动，上级ul给定了浮动，但是并不会影响下面的li

• 参考07文件夹中天天生鲜动态首页，js中的slide_user.js的moving函数

css 样式名称和值都不需要引号 .box{ width: 200px; height: 200px; font-size: 32px; }

原生js中 样式的值要使用引号,修改样式使用style oDiv1.style.color = 'red'; oDiv1.style.fontSize = '32px'; // 短横线写成匈牙利命名法

jquery中

• 样式写在字典里面，键值方式，修改样式使用css
• jquery有容错机制
• 样式名称可以使用短横线(css中原始写法)也可以写成匈牙利命名(原生js中写法)
• 宽度高度等数字后面的px可以省略，不写px就不写引号，要写px就要加上引号
• 推荐写上px，都使用引号 $('.box').css({'color':'red'}); $('.list li').css({'color':'yellow', 'background-color':'green'}); // 短横线直接写成css一样，也可以写成原生js中匈牙利命名法 $('.box').animate({'width':'+=100px'})

加载模块

• 原生js window.onload = function () { var oDiv = document.getElementById('div1'); alert('原生JS弹出的' + oDiv); }

• jQuery $(function () { var $div = $('#div1'); alert('jquery简写弹出的' + $div); })

点击 // 点击元素执行的功能,原生js使用的是onclick // 注意写法不同，匿名函数写在等号右边，jQuery写在click括号里面 // 原生js: oBtn.onclick = function(){oDiv.style.color = 'red';} // jQuery：$('#btn').click(function () {}

获取属性

• 原生js

  • css样式属性获取和设置 oDiv1.style.color; oDiv1.style.fontSize = '32px';
  • 标签元素的属性获取和设置 oLink.href; oLink.href = 'http://www.baidu.com'; oLink.title = '点击跳转到百度首页';

• jQuery

  • css样式属性获取和设置 $div1.css('font-size'); $div1.css({'color':'red'});
  • 标签元素的属性获取和设置 $a.prop('class'); $a.prop({'href':'http://www.hao123.com','title':'hao123首页'});

标签内的内容

• 原生js oDiv.innerHTML; oDiv.innerHTML = "百度首页";
• jQuery $('.box').html(); $('.box').html('百度首页');