
HTML
pusongyang
这个作者很懒,什么都没留下…
展开
-
HTML flow
上篇文章中提到HTML流,在这里稍微展开一下吧。HTML流,其实蛮有趣的,可以将一个浏览器窗口想象成左上角有吸引力,所有页面上的元素排版的时候,都会按HTML中从上倒下的出现顺序,向左上角靠拢。页面元素就像飘在水中树叶。这也就是为什么叫HTML flow。实际上浏览器正是这么实现的,它会根据每个HTML元素的宽高在窗口中从左上到右下流动排版。不过,我上面所说的原则是HTML元素使用原创 2011-12-22 10:36:10 · 1716 阅读 · 0 评论 -
CSS
最近在学习CSS,赶紧先记录一下。选择器selector,选中需要渲染的对象:元素选择器,选中HTML元素:h1 {color:gray;}选择器分组,使用逗号连接两个规则(使用同一个声明块):h1,h2,p{color:gray;}通配选择器,匹配任何元素:*{color:red;}类选择器,选择含有class属性为classname的元素:*.classname{font-原创 2012-02-09 20:57:51 · 744 阅读 · 1 评论 -
HTML5 canvas
最近要用做网页动画,纠结于使用canvas还是CSS3。。。反正先做笔记总没有错啦~ var cvs = document.getElementById("pageflip-canvas"); var ctx = cvs.getContext("2d");矩形 Rectangles方法:fillRect(x,y,width,height) : Draws a fille原创 2012-03-01 11:20:59 · 544 阅读 · 0 评论 -
现代浏览器下的动画实现
要在浏览器下实现动画,有几个JS的Lib不得不提:1) requestAnimationFrame,利用现代浏览器接口提供比setTimer和setInterval更高效的计时器(timer)。当然不兼容的浏览器,将还是使用setTimeout。2) Tween.js,类似AS中的Tween类,可以高效处理DOM元素渲染计算。适用于2D动画特效。3) three.js,提供给现代浏原创 2013-09-24 10:12:36 · 866 阅读 · 0 评论