time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > HTML5与CSS3实战(三)HTML5网页诞生

HTML5与CSS3实战(三)HTML5网页诞生

时间:2013-05-05 00:20 点击:2978次 字体:[ ]




回顾特效,为什么absolute

我们回顾下之前的几个特效,无论是导航上跟着走的背景,还是爆炸的图片,到昨天做的快速导航特效,他们全是采用绝对定位!

然后来看看我们马上要做的新闻列表:

HTML5与CSS3实战(三)HTML5网页诞生_www.fengfly.com

注意他点击翻页后整个新闻列表是有翻滚特效的,我刚刚看了下新闻dom结构与样式,不错,他也是绝对定位的!

HTML5与CSS3实战(三)HTML5网页诞生_www.fengfly.com

我们这里其实可以简单分析下原因:

因为绝对定位的元素脱离了文档流,我们对他们的操作(动画)只会影响相关元素,而不会导致整个页面的回流,从而提高页面性能。

所以具有复杂特效的dom结构,最好还是使用绝对定位。



本文地址 : http://www.fengfly.com/plus/view-212689-1.html
标签: CSS3 HTML5
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: