精灵图 雪碧图 css sprite css精灵
优点：
1、降低服务端的压力，减少请求次数
2、降低图片质量，提高还在速度
图片整合的规则
1、一定要是小图标
2、整合的图片背景色必须透明png/gif
3、里面的小图标尽量上下排列 每个小图标根据需求留出足够的空间
background-position：-100px 0；上下 左右
浏览器内核（核心源码）
Trident ie浏览器
gecko 火狐
webkit 谷歌/苹果
Blink 欧鹏/谷歌
为什么会出现浏览器兼容问题？因为浏览器内核不同！
BUG 出现的问题/漏洞
HACK解决BUG方法
FILTER过滤器（可以针对每款浏览器设置样式）
1、
bug：表单元素对齐方式不一致
hack：添加浮动
2、
bug：按钮大小不一致
hack：
1，如果是input外层包裹一个元素把大小都给外层元素添加
2，如果按钮是一张图片切图当背景即可
3，没有在表单内部按钮，用a模拟即可
3、
bug：鼠标指针不能识别cursor：hand；
hack：cursor：pointer；
cursor属性值们：
move 移动
help 变成一个问号
text 文本
wait 等待
crosshair 加号
progress 过程
ne-resize 向上或向右移动
pointer 手形
inherit 继承
4、
bug：透明度 opacity属性 ie不能识别opacity
hack：opacity：0.5； filter-alpha（opacity=50）
alpha里面的opacity接收0-100的数字
<meta name="keywords" content=""/>主要关键字
<meta anme="description" content=""/>主要内容
回流（resflow）与重绘（repaint）
注：每个页面至少发生一次回流 相对减少回流提高性能