合并CSS背景小图片不只适用于Wordpress,而是几乎对所有网站都适用。为什么要合并CSS背景图片呢?因为要给网站提速,很重要的一点就是减少http连接数,而CSS背景图片越多,向服务器的请求数也就越多。百度、雅虎、淘宝等各个大型网站都是如此操作的,给我们的学习树立了榜样。
如果你会photoshop,那合并这些CSS背景图片应该对你来说是小菜一碟啦。合并之后只要用background-position属性来控制需要显示的部分图片的位置就可以了。
小身材,大作用。此小工具可供选择合并后的大图类型:Png/Jpeg/Gif,还可以选择背景色,默认是Transparent(透明)。我用的是Gif格式,这样就避免了在IE6下不兼容的麻烦事。生成好背景图片的同时还会生成一个css文件,其中包含了每个小图相应的CSS代码,很省事啊。
话说回来合并CSS背景图片也有缺点,就是日后不利于维护。不过有了这款小软件,让我轻松不少,如果你和我一样也是PS或CSS菜鸟,建议你也试用下CSS背景图合并工具吧。
Css背景图合并工具,添加了几个辅助功能:
添加了用鼠标拖动图片或者用方向键改变图片位置的功能
可以设置整幅大图的生成类型,因为png文件在ie6下透明色显示有问题
可以设定大图的背景色,默认为透明色
可以在选中图片之后用“+”按钮添加更多的图片
可以在选中图片之后,用“-”按钮移除图片,或者直接用Delete键移除选中图片
添加了工具图标
DivCssData(关联网页自动切片生成Div+Css软件数据库版)是一款只需要导入效果图,拉框线就可以生成标准的兼容性的DIV+CSS,同时集成图片切换、图片滚动、滑动门TAB效果、视频代码、表单
AdobeDreamweaverCS6网页设计软件提供了一套直观的可视界面,供您创建和编辑HTML网站和移动应用程序。使用专为跨平台兼容性设计的自适应网格版面创建适应性版面。在发布前使用多屏幕预览审阅
AdobeFireworksCS6软件能让您在弹指间创作精美的网站和移动应用程序设计,而无需进行编码。发布适用于热门的平板电脑和智能手机的矢量和位图图像、模型、3D图形和交互式内容。此绿色版特点:1.
AdobeDreamweaverCS6简体中文优化版由官方简体中文正式版制作而成,集成最新的Dreamweaver更新包。AdobeDreamweaverCS6网页设计软件提供了一套直观的可视界面,供
iis批量建站助手,一款免费的iis批量建站工具,只需进行简单配置,万余站点瞬间搭建。iis批量建站助手的特色1)自定义是否复制站点数据源文件。2)自定义创建站点类型(站点类型:asp、php、as
hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。同时,它
万能网页编辑器是一款简单功能强大的编辑器,万能网页编辑器可以用来编辑维护主页,为用户提供了很大的发展空间。万能网页编辑器也是一款简单实用网页编辑器,即使你是一个新手只要稍加学习也很很快上手基本简介万能
DreamweaverCS5HTML5扩展包是专门为DreamweaverCS5用户研发制作的扩展工具,安装以后用户能获取CSS3代码提示,并支持HTML5新增的标签库的代码提示,需要的话可以来下载使
合并CSS背景小图片不只适用于Wordpress,而是几乎对所有网站都适用。为什么要合并CSS背景图片呢?因为要给网站提速,很重要的一点就是减少http连接数,而CSS背景图片越多,向服务器的请求数也
网页菜鸟助手是一款傻瓜式网页制作工具,它可以帮你在几分钟之内快速创建并上传你的网页,而你就算是小白也无需害怕,它不需要你了解任何关于HTML的知识。你只需要拖曳对象到页面中并随意的调整它们的位置即可。