angry_rooster的博客

CSS3动画中应用的定时函数（timing function）常用的有内置关键字linear, ease, ease-in, ease-out, ease-in-out, step-start, step-end，另外还有两个内置的缓动函数cubic-bezier(), steps()其中steps()这个函数是将整个动画过程分为指定的步数（在动画过程中插值，显示指定位置的快照），并在一个动画循环的时间内按照一定规则走完划分的步数。常用的场景是将多个动画帧组合成连续的动态效果，如下北极熊动画实现北极熊奔

背景平铺的取值探究（所谓背景平铺其实就是背景图片在背景中的重复方式）background-repeat的取值background-repeat可取的值为：repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1, 2}/* repeat-x 和 repeat-y 只能用于单值语法，其余值可以用于单值和双值语法*/以下为对各取值作用的简要描述取值作用repeat-x仅在水平方向上重复背景图片，水平方向

垂直外边距的塌陷首先需要明确塌陷只会发生在块级元素的相邻垂直外边距间在使用CSS的垂直外边距样式时，相邻元素和父子元素都有可能发生相邻垂直外边距的塌陷（相邻元素是上方元素的下外边距和下方元素的上外边距之间，父子元素是父元素的上外边距和子元素的上外边距之间），为了在编写静态页面时避免由于垂直外边距的塌陷导致的布局混乱，需要了解塌陷时垂直外边距的表现和产生的原因——知道原因才能更好的解决问题塌陷时外边距的计算方式在《CSS权威指南》一书中对这种塌陷发生的描述非常的生动，书中将包围元素的外边距比作透明的塑