软件大小:1.61 MB
软件语言:简体中文
更新时间:2021-01-14
软件授权:免费版
软件类别:编程开发
应用平台:Win7/Win8/Win10
推荐星级:
官方网站: https://www.starxz.com/
- 软件介绍
- 相关软件
- 相关教程
- 下载地址
CSS Sprites Generator是一款简洁好用的css sprites生成工具,该工具可以帮助设计师对页面的cs代码快速设计生成,只需要设计师将自己想要的页面格式做一些简单的编辑,软件就可以自动生成cs代码,十分的方便快捷。
基本介绍
CSS Sprites Generator是一款CSS Sprites生成工具,用户只需要点击几下鼠标就可以非常容易地生成CSS Sprites。有效提高了设计师的页面加载效率,操作简单方便,十分实用。
CSS Sprites Generator可为你自动地快速生成引用图像较多的CSS样式表,而无须手写代码。为设计师提高页面加载效率提供了简单快速的解决方案。为了让你的网页加载速度更快,你可以对你的网页图像使用CSS Sprites Generator,这意味着您不需要在您的HTML代码中插入很多图像,而是将它们组合成一个,然后用适当的CSS代码显示它们。
软件功能
通过使用CSS Spries,当您的网页仅由一个组合的CSS Spries图像加载时,您可以显著减少dns查询和文件查询。
这导致加载速度更快,搜索引擎更喜欢加载速度快的网页!
用4点软件的小精灵生成器,你只需点击几下鼠标就可以轻松生成小精灵!
这个免费工具将生成组合的CSS精灵图像和所需的CSS、HTML代码。
您也可以将您的工作另存为项目,稍后再打开它。
也有免费的源代码。
软件特点
只需单击几下鼠标即可轻松生成CSS Image Sprites
打开并将设置保存为项目
自动生成立即可用的CSS和HTML代码
不再需要占位符图像,而是将其替换为span类。
现在,该应用程序还会生成一个test-css-sprites.html”文件
以使用本地组合图像文件直接测试这些精灵的外观。
使用说明
步骤1 -添加图像
首先,您必须添加要转换为CSS Sprites的图像。
只需按下“添加图像”按钮或从“图像”菜单中选择“添加”。
步骤2 -设置精灵属性
在添加你的图片后,你必须从左边的列表中选择每一张图片,然后指定你想要的css类名称和标签。标签只是帮助你识别CSS代码中的图像。
对于每个图像,你添加一个新的CSS类将在CSS代码中生成。
步骤3 -设置组合图像和图像占位符网址和文件路径
然后你必须指定要生成的组合精灵图像文件路径。您可以选择GIF、PNG和JPG图像文件类型。
您还必须指定组合精灵图像的网址,因为它将出现在您的网页上。
此外,占位符图像是必要的,以便CSS精灵工作。
CSS精灵生成器已经有一个默认的占位符图像,它将被复制到您指定的位置。
您必须指定要生成的占位符的文件路径及其在网页上的网址。
步骤4 -生成CSS精灵
然后,按下“生成”按钮或从“工具”菜单中选择“生成CSS精灵”,然后组合的精灵图像将与CSS和HTML代码一起生成。
小精灵生成器将生成一个组合的小精灵图像,一个占位符图像,一个css-sprites.html html文件和一个小精灵。
选定生成的css文件后,将打开Windows资源管理器。
步骤5 -上传文件
然后,您必须将生成的CSS图像子画面图像上传到您的网页,并将占位符图像上传到您的网页和先前指定的位置。
第六步——编辑网页的HTML、CSS代码
最后,您必须根据生成的HTML和CSS文件来编辑您的网页的HTML和CSS代码。
必须用占位符图像的URL替换每个图像的源URL,并且必须向每个图像的图像标签添加CSS类。在你的CSS代码中,你必须粘贴生成的CSS代码。
- 下载地址
- 本类排行
- 1delphi xe2完整版下载 (附安装教程+序列号)
- 2PB源代码比较(pblcompare) v1.0.2官方中文版+安装教程
- 3十六进制编辑工具(MyHiew)下载 v6.81绿色版+安装教程
- 4FeelTheBase(进制转换软件下载) v1.2.0.1汉化版
- 5classes.jar(常用jar包下载)v12.0.0官方免费版
- 6jetBrains PhpStorm 2018.3.6汉化中文版(附安装教程+激活码)
- 7Json格式化工具(HiJson)v2.1.2中文版32/64位
- 8Kotlin语言插件(Kotlin Compiler)v1.0.5-2官方版
- 9Rapid CSS 2018破解版下载 v15.1.0.202
- 10WeBuilder 2018破解版下载 v15.0.0.201