html5小总结

1.背景图片和插入图片的区别：

　　1>.在网页中如果插入了一张图片后，容器会随着图片的大小发生变化；如果插入一张背景图片容器不会随着图片的大小而变化。

　　2>.插入图片如果太小不会对网页的容器带来任何影响，图片也不会变大来填满容器；而背景图片会自动重复的去填满整个容器。

　　3>.在插入的图片上可以运用热点链接，可以设置它的属性，改变大小；但背景图片上只能设置图片的对齐方式和是否重复。

　　4>.在插入的图片上我们不可以添加其他的文字、图片；而在背景图片上可以添加任何文字、图片。

2.DIV+CSS的优点：

　　1>.弥补html语言的不足

　　2>.缩减页面代码，提高访问速度

　　　　　代码减少，页面文件就会小，占用网络带宽就少，客户打开速度就快，用户体验就会更好。

　　3>.结构清新，有利于SEO

　　　　　——有利于搜索引擎优化　　　　——缩短改版时间　　　　——对网络重构有很好的支持

3.margin-top不生效的解决办法：

　　1>.在父层div加上：overflow：hidden（超出部分会被裁切）

　　2>.把margin-top外边距改成padding-top内边距

　　3>.给父元素添加边框（会影响盒子的实际大小）

　　4>.给父元素添加float（会影响布局结构）

　　5>.给自身添加float（会脱离正常的文档流）

　　6>.给父元素添加padding（会影响盒子的实际大小）

4.两个div，上边距设置距离下边的margin-bottom，下边距设置距离上边的margin-top时，计算时按它们的最大值计算，而左右为margin-left与margin-right之和。

原文：http://www.cnblogs.com/weiyuxi/p/7821475.html