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之和。

原文地址:https://www.cnblogs.com/weiyuxi/p/7821475.html