码迷,mamicode.com
首页 > Web开发 > 详细

CSS Sprites样式生成工具的使用

时间:2017-08-29 11:04:11      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:family   文件中   今天   整合   photoshop   软件   下载地址   photo   通过   

今天写css的时候看到有一个实战视频的老师用了这个,觉得挺好就学习使用了一下,下面是一些简单介绍:

软件介绍 :

CSS Sprites样式生成工具,网页设计师必备利器。CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。

在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好足够的空间,防止板块内不会出现不必要的背景;
这些还好,最痛苦的是在宽屏,高分辨率的屏幕下的自适应页面,你的图片如果不够宽,很容易出现背景断裂;   
CSS Sprites在开发的时候比较麻烦,你要通过photoshop或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐;

下载地址:http://www.cr173.com/soft/33119.html

使用介绍:

技术分享

 

 

 

CSS Sprites样式生成工具的使用

标签:family   文件中   今天   整合   photoshop   软件   下载地址   photo   通过   

原文地址:http://www.cnblogs.com/ICE-Dong/p/7447021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!