css精灵技术中运用了css的哪些属性进行背景定位（css精灵技术）

CSS sprites的样式生成工具哪里有？

CSS sprites 在线生成工具就有好多 csssprites.com, Sprite Cow, Sprits Pad都是不错的选择 当然专业的设计师喜欢用Photoshop

如何优化网站服务器提升网站访问速度？

1、域名的解析速度 当用户访问你的网址时，首先会连接域名解析的服务商，服务商会返回IP地址，这里会存在延迟，当然，用户短时间内再次访问时由于缓存这里的延迟可以忽略不计。 优化办法：尽量使用智能解析服务商，比如国内的dnspod、cloudxns等，尽量用你目标群体国家的服务商。

2、连接你服务器IP地址的延迟 域名服务商返回IP地址后，客户再连接IP地址会存在延迟。 优化办法：使用离你目标客户延迟小的服务器，比如访问你网站的大部分是国人，那么可以选择国内vps或者香港vps。

3、网站服务器的响应速度 客户通过IP地址链接到服务器并发出请求后，服务器会处理请求，返回页面数据，这里存在响应时间。主要由服务器运算速度的影响。 优化方法：购买运算性能好的vps服务器，比如高性能cpu服务器，多核等。

4、页面数据的传输时间 服务器返回的页面数据传输到客户的时间主要受3个因素的影响：服务器上传带宽、客户下行带宽、网页总体内容的大小

优化方法：一是选择上传带宽大的vps服务器，并且用bbr或者锐速给vps服务器加速，再就是优化网页内容，网页代码，压缩图片等等。

CSS Sprite如何排列比较合理？

建议根据图标大小取10的整数倍，方便后期计算，写坐标position的值。

1.都是16x16的图标，建议图标每隔20x20，放一个，始终从左到右，从上往下；

2.如果图标本身是非标准的，且为整数，为了兼容，建议图标之间至少保留1px，为方便计算也可以间距10px；

我是“小黑设计”，专注平面网页UI设计，关注我获取设计干货，欢迎收藏、评论、转发。