在制作演示类网站或是一些官网时，用户可能会进行一些预期之外不可控的操作，导致某些画面穿帮或者影响用户体验，比如说：
- 随意拖动演示图片
- 选中文字
或者我们写了一个 div，但希望用户将鼠标悬浮时可以出现一个小手提示用户这里可以点。
接下来介绍一些 CSS 手段处理这些常见问题：
1 | user-select: none; |
禁止用户选中文字
1 | -webkit-user-drag: none; |
禁止用户拖动图片（仅在 webkit 生效）
1 | cursor: pointer; |
鼠标悬浮时变为小手（可点击提示）
