html5小总结
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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之和。
以上是关于html5小总结的主要内容,如果未能解决你的问题,请参考以下文章