CSS知识点总结

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”可以删除图片；