值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1 新增的值）block这样后面是换行符.eg:divinline

整理了一些其它动画，用的模板为flip模板，只不过CSS3不同/***************** 淡入淡出 ********************/.effect5 .back { -webkit-transform: rotate3d(1,0,0,0);}.effect5.show .front{-webkit-animation: effect5Front 0.6s

一.构建页面 立方体六个面，完全不用事先设置好，

看到一个国外的例子中有这样的helper function var pfx = (function () { var style = document.createElement('dummy').style, prefixes = 'Webkit Moz O ms Khtml'.split(' '), memory =

一.构建页面也是切片来处理图片，将图片通过偏移量来组合成一张图片

一.构建页面

一.构建页面页面构建思路和前一篇差不多。请移步《css3 transition effect(Flip翻转效果)》由于flip存在翻转时候的效果，需要设置背面情况下不显示的CSS，但是揭开的话不需要，所以不要设置-webkit-backface-visibility: hidden; 否则会出现翻转到超过90度后，动画就会消失的情况。最好设置下动画中.front和.back的z-i

一.构建页面

一.自由布局的相关技巧1.尽量不用指定像素宽度(width:300px)用百分比或者auto(width:90%或者width:auto)2.相对大小字体{font-size:0.875em}small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875) 默认是16px3.流动布局float:left; clear:both的活用4.选择加载

1. box-sizing:  content-box||border-box;content-box 传统模式W3C标准，width就是内容宽度border-box  ie标准 width是内容+内边距(padding)+border2.text-overflow:clip||ellipsisclip截断:配合overflow:hidden使用ellipsis:末尾是