border与outline区别

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

注释：轮廓线不会占据空间，也不一定是矩形。另外outline 不会象border那样影响元素的尺寸或者位置，outline不占据空间。

outline-color：颜色

outline-style：样式

outline-width：宽度

 

 

 

雪碧图的优点：

1.减少加载网页图片时对服务器的请求次数；

  可以合并多数背景图片和小图标，方便在任何位置使用，这样不同位置的请求只需要调用一个图片，从而减少对服务器的请求次数，降低服务器压力，同时提高了页面的加载速度，节约服务器的流量。

2.提高页面的加载速度