码迷,mamicode.com
首页 > Web开发 > 详细

html5小总结

时间:2017-11-12 14:11:26      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:支持   改变大小   客户   优化   语言   解决办法   而在   自动   提高   

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小总结

标签:支持   改变大小   客户   优化   语言   解决办法   而在   自动   提高   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!