1、html/css问题 如何给超链接a标签增加小图标
a{width:100%;display:block;background:url(../images/listx.png)no-repeat;text-indent:50px;line-height:30px;padding-left: 18px;}
2、关于CSS Sprite切图技术
使用CSS Sprite切图技术的优点:减少网页http请求,提高页面性能,降低服务器负载;文件命名减少麻烦。
缺点:定位繁琐,布局固定,降低网页弹性
采用FW进行定位,获得图片的宽度、高度、以及横纵坐标
获得所需数据后,接下来就是敲代码啦。。。。见下图
记得,X值与Y值记得都是负的。接着就可以查看网页效果了。
3、使用CSS Satyr合成图片
下载地址:http://pan.baidu.com/s/1gd5TKD9
使用方法:
(1)点击“文件” - “添加图片”,选择多幅图片文件;
(2)工作区内图片,可以拖动图片来调整位置;
(3)可以通过双击图片,来修改图片的相关信息;
(4)可以通过“设置” - “生成设置”来调整生成图片质量与文件名称;
(5)点“生成”,生成图片和网页文件;
(6)选中图片,按“delete”可以删除图片;