cherry4115

animation动画由@keyframe定义，而keyframe是由一个个的关键帧组成的。 animation-timing-function 作用于每两个关键帧之间的过渡效果，不是整个动画。 linear等属性值会在每个关键帧之间插入补间动画，所以动画是连续的。 step不会插入补间动画，所以关键帧的变化是跳跃的。 语法：step(n, mark) 参数n(>0)表示把两个关

float 出现的意义其实只是用来让文字环绕图片而已，仅此而已。而我们目前用 float 实现页面布局本不是 float 该干的事情。 float 属性（无论是左浮动还是右浮动）某种意义上而言与 display:inline-block 属性的作用是一模一样的，所以类似于 display:block; float:left; 的CSS代码超过95%的情况是没有道理的( display:b

代码： 1 2 3 其 css 样式为： .outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;} .div1{width: 80px;height: 80px;background: red;float: left;} .div2{w

1. 两列布局：左侧固定宽度，右侧自适应 在实际的应用中，只有单列宽度变化，而其它保持固定的布局可能会更加实用。一般在存在多个列的页面中，通常比较宽的一个列是用来放置内容的，而窄列放置链接、导航等内容，这些内容一般宽度是固定的，不需要扩大。因此如果能把内容列设置为可以变化，而其他列固定，会是一个很好的方式。 效果图： HTML代码：

中间区域右侧宽为200px，左侧随窗口大小调整，直接上图，达到效果如下： 相应的代码： .header { height: 60px; border: 1px solid green; padding: 10px; position: relative; margin-bottom: 10px; } .logo { width: 60px; he