CSS切片这个词不是这么说的：第一，CSS是新式，也就是样式结构表，用来定义网页布局，进行网页美化的样式。
第二，切片，就是用PS画的图片，只是用切片工具进行切片，也可以直接复制那个图片进行保存，切片，直接说就是一道过程，要把图片进行切割而已，为什么会用么切片就是因为PS画的效果图是分层的，有时候在层次上需要几个图层一起下来，用切片就方便一点，不过我不喜欢切片，我喜欢把图保存一张高质量的JPG后再进行复制，这只是设计师的爱好而已。
因为一个PS效果图要做成一个网页，不切片的话上传上去就是一个图片的形式了，就不会出现文字，所以要进行切片排版，这样才可以输出文字，当然这得靠我们的程序员了。
切好片之后的排版，就要用到CSS样式来进行文字，或图片的控制，这就是CSS定义样式，起到美化的作用。
Div+CSS切割是指给你一张网页效果图，一般都是psd格式文件，你把它切割成div+css标准的网页布局，你要使用div+css技术来完成，而单独div+css应用就比这个光了，是指所有设计div+css的操作根据你的图片做了下面的样式，主要做法是定位，切割图片，可以使用windows的画图工具先定位每个你需要的图片的位置（在下面的状态栏有坐标，得到的坐标前面加上一个负号），图片左上角为x/y对应的0/0，background-image：相对地址指定背景图像，background-position：指定背景图像位置，下面是例子，这个要多练习研究就会了。多看看CSS方面的说明.icon {background-image: url(back_image.png)}.head {height: 26pxbackground-position: -42px -222pxbackground-repeat: no-repeat}.btn {cursor:pointerborder:0width: 107pxheight: 26pxbackground-image: url(back_image.png)background-position: -42px -222pxbackground-repeat: no-repeat}<div style="width: 107pxheight: 200px"<div class="icon head" style="line-height: 26pxpadding-left: 20px"这是头部</div这里是内容！</div</div/<input type="button" class="btn" value="按钮"
