CSS切片这个词不是这么说的:第一,CSS是新式,也就是样式结构表,用来定义网页布局,进行网页美化的样式。
第二,切片,就是用PS画的图片,只是用切片工具进行切片,也可以直接复制那个图片进行保存,切片,直接说就是一道过程,要把图片进行切割而已,为什么会用么切片就是因为PS画的效果图是分层的,有时候在层次上需要几个图层一起下来,用切片就方便一点,不过我不喜欢切片,我喜欢把图保存一张高质量的JPG后再进行复制,这只是设计师的爱好而已。
因为一个PS效果图要做成一个网页,不切片的话上传上去就是一个图片的形式了,就不会出现文字,所以要进行切片排版,这样才可以输出文字,当然这得靠我们的程序员了。
切好片之后的排版,就要用到CSS样式来进行文字,或图片的控制,这就是CSS定义样式,起到美化的作用。
不一定要切片,有以下几点:需不需要切片是要看设计的网页,并不是说用div+css做网页就不用切片,图片表现的效果非常好,像按钮还有菜单栏这些地方一般都是用图片来表现的。
想做的好看,
最好是用图形,还是用代码写出来好点。
FW
它的切片生成
html.
不建议使用,只要图片,代码还是自己亲手写好一上点。
网页效果图切片需要使用html代码手工编写才行,自动生成html的软件很少,而且不规范,代码冗余多,效果不理想。
微软开发的html编写软件:Adobe Dreamweaver可以手动编写代码,创建Dom节点,同时可以编写css进行样式定义。
需要判断切片作用,部分切片可以当做背景,部分图片需要插入DOM节点处,提供给程序人员添加网页程序。
切片尽可能在不损失保真度的情况下缩小占用内存大小,这需要在切片的时候注意到背景图片的最小单元,在css中手动添加背景平铺。
网站前端旨在缩小前端图片“体积”,所以大部分切片转div和css都是需要手工编写代码,目前没有完美理想的软件生成。