精灵图，字体图标，css三角，鼠标样式

精灵图：是为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，将网页中需要使用的多张小图片整合到一张大图中，这样只要向浏览器发送更少次数的请求即可获得更多的图片。精灵图主要针对背景图片使用。
缺点就是：本质还是图片，文件体积较大，图片在高清屏幕上放大和缩小会失真（在手机上尤为明显），图片制作完毕要更换比较复杂。
字体图标：字体图标是为前端工程师提供一种方便高效的图标使用方式；
展示的是图标，本质属于字体；因为字体图标的本质是字体，所以我们可以给字体图标更改大小或颜色。
轻量级：一个图标字体要比一系列的图像要小，一旦字体加载了，图标就会马上渲染出来，减少了服务器请求；
灵活性：本质其实是文字，可以很随意的改变颜色、产生阴影、透明效果、旋转等；
兼容性：几乎支持所有的浏览器，请放心使用。
css三角：指定盒子的宽、高为 0 —— 让四条边都靠在一起；用 border 属性绘制透明边框。
CSS 中边框连接处是斜边连接的。
鼠标样式：cursor 可以设置鼠标样式。
default 小白，默认
pointer ☆ 小手，提示用户可以点击
move 移动，提示用户可以拖拽
text 文本，提示用户可以输入内容
not-allowed 禁止，提示用户