CSS切片这个词不是这么说的：第一，CSS是新式，也就是样式结构表，用来定义网页布局，进行网页美化的样式。
第二，切片，就是用PS画的图片，只是用切片工具进行切片，也可以直接复制那个图片进行保存，切片，直接说就是一道过程，要把图片进行切割而已，为什么会用么切片就是因为PS画的效果图是分层的，有时候在层次上需要几个图层一起下来，用切片就方便一点，不过我不喜欢切片，我喜欢把图保存一张高质量的JPG后再进行复制，这只是设计师的爱好而已。
因为一个PS效果图要做成一个网页，不切片的话上传上去就是一个图片的形式了，就不会出现文字，所以要进行切片排版，这样才可以输出文字，当然这得靠我们的程序员了。
切好片之后的排版，就要用到CSS样式来进行文字，或图片的控制，这就是CSS定义样式，起到美化的作用。
CSS中的background-repeat属性，比如background:url(1.gif) repeat-x这种就是让背景图在X轴上重复出现。。。就是一长条repeat-y就是一竖条
no-repeat就是不重复，
上面那句是合写，如果你看不懂，其实可以这样写
background:url(1.gif)
background-repeat:repeat-x
这是图片背景的原因。在设置background里，有些属性你应该好好看看。
如果你切一个小条，设置background:url(../image/...) no-repeat它就是一小条。
如果你切一个小条，设置background:url(../image/...)它就是一块由小条重担组成的。
你可以试试。还有更多的属性。、
有问题可以随时Hi我。可以共同交流学习。呵呵
网页效果图切片需要使用html代码手工编写才行，自动生成html的软件很少，而且不规范，代码冗余多，效果不理想。
微软开发的html编写软件：Adobe Dreamweaver可以手动编写代码，创建Dom节点，同时可以编写css进行样式定义。
需要判断切片作用，部分切片可以当做背景，部分图片需要插入DOM节点处，提供给程序人员添加网页程序。
切片尽可能在不损失保真度的情况下缩小占用内存大小，这需要在切片的时候注意到背景图片的最小单元，在css中手动添加背景平铺。
网站前端旨在缩小前端图片“体积”，所以大部分切片转div和css都是需要手工编写代码，目前没有完美理想的软件生成。
