1.精灵图的使用

移动背景图片的位置，background-position

向右移向下移都为正值，左移上移为负值

2.字体图标

实质是字体，简单小图标

精灵图放大缩小会失真（比较立体复杂的图标）

轻量级，灵活性，兼容性

下载使用方式

3.三角做法

盒子高度宽度均为零

设置边框，其中有透明色

4.鼠标样式

cursor：default，pointer，move，text，not-allowed

5.取消轮廓线

input{ outline: none;   }

6.取消拖拽

textarea{ resize:none;}

7.vertical-align（行内元素，行内块元素）

图片，表单和文字垂直对齐

8.消除默认留白

  行内块元素与基线对齐，把图片转化为块元素

9.溢出文本省略号显示

单行：强制一行显示，多余部分隐藏，使用省略号代替

多行

10.margin负值应用

消除边框重叠

如果没有定位，则加相对定位，若都有定位，则用z-index