最近公司产品大版本更新，在准备一套标准化文档，在处理图标的时候做了一下深度挖掘，发现还是SVG的支持最好，可以精确到像素级，更适合桌面Web系统图标的展示。把自己制作的Demo分享给大家。
↓ test.html
↓ icons.svg
css30像素打法分为三步。1、相对定位是一个概念，如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
2、如果将top设置为20px，那么框将在原位置顶部下面的20像素的地方。如果left设置为30像素，那么会在元素左边创建30像素的空间，也就是将元素向右移动。
3、这里需要注意：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框。相对定位会按照元素的原始位置对该元素进行移动。
