介绍 |
学CSS布局的同学应该多少知道CSS Sprites(图片合并)技术,简单的说就是利用CSS的background-position属性,控制显示一张大图片的显示区域。 css sprites样式生成工具主要功能是减少使用CSS Sprites技术时测量坐标及填写background-position定位这部分重复而枯燥的时间,提高工作效率。 我很喜欢用这个工具,一般用来制作导航菜单,方便提供了图片定位的坐标。 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。 使用方法 1、首先读取图片 2、双击图片,添加层,放大后,缩放层的区域大小。 3、点击操作-预览样式,就可以得到您想的层样式。 |