在PS中，用切片工具切图，然后切换到Dreamweaver（中文是梦想编织者，网页设计软件）里用的。因为如果一个网页里大图太多，影响下载速度，所以不知道谁发明的，把PS出来的图中的纯色部分和其他部分分开，到DW以后再上颜色。其实就是把一个完整的图，切成几片而已（主意不是图层），就叫切片了。这样一来如果你想把某个部分{片}设个链接，貌似很方便。
切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
不应该叫css切图，应该叫网页切图。网页设计图稿做好以后，要把图稿输出为网页放到网上给人看，需要图片根据需要切成一小块一小块的，有的直接写在html代码中插入网页，有的写到css里面做背景，通过html、css及js等代码和这些切成小块的图片组合起来形成设计稿上的样子。
具体怎么切，有很多细节，书店买点书看看，这个非三言两语能说清楚的。
background-image:url('')设置图片路径background-position:
-100px
-122px
设置图片中某一部分图的位置
第一个值是上
第二个值是左
然后通过这个图片外层标签来显示图片显示的范围
宽度和高度
