css实现内容翻转效果
CSS3 transform变换基本命令：
1、translate(x,y) 设置盒子位移
2、scale(x,y) 设置盒子缩放
3、rotate(deg) 设置盒子旋转
4、skew(x-angle,y-angle) 设置盒子斜切
5、perspective 设置透视距离
6、transform-style flat | preserve-3d 设置盒子是否按3d空间显示
7、translateX、translateY、translateZ 设置三维移动
8、rotateX、rotateY、rotateZ 设置三维旋转
9、scaleX、scaleY、scaleZ 设置三维缩放
10、tranform-origin 设置变形的中心点
11、backface-visibility 设置盒子背面是否可见
验证中文名、手机、身份证
[CSS]去除inline-block元素间距的几种方法
当我们使用inline-block 时，会出现空白间距问题。
但这些间距对我们的布局，或兼容性产生影响，我们需要去除它，该怎么办？下面简单介绍几种方法：
1.去掉html元素之间的空格，直接写在一行。
2.使用margin负值，通常可设置为margin：-4px
3.使用font-size:0。父元素设置为font-size:0，再把inline-block元素重新设置font-size；
4.使用float，不用inline-block。
在进行前端开发的时候不要为了贪方便直接用overflow：hidden auto;
应该写成：
overflow-x: hidden;
overflow-y: auto;
除非你认为所有用户都抛弃了ie，哈哈哈（ie不兼容overflow：hidden auto；写法）