问题现象：图片在拖动上面图标时，会被选择而变蓝
问题现象2：图片可以拖拽
解决方案：
1.禁止图片选中：
document.onmousemove = function (ev) {
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
}
2.禁止拖拽：
<img src="#" draggable="false">
转载保存学习：https://blog.csdn.net/icebns/article/details/102521332?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-4-102521332.nonecase&utm_term=%E5%9B%BE%E7%89%87%E7%A6%81%E6%AD%A2%E9%80%89%E4%B8%AD
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。