关于CSS切片

html-css021

关于CSS切片,第1张

你好,我是网页设计师,希望我的回答能为你带来帮助!

CSS切片这个词不是这么说的:第一,CSS是新式,也就是样式结构表,用来定义网页布局,进行网页美化的样式。

第二,切片,就是用PS画的图片,只是用切片工具进行切片,也可以直接复制那个图片进行保存,切片,直接说就是一道过程,要把图片进行切割而已,为什么会用么切片就是因为PS画的效果图是分层的,有时候在层次上需要几个图层一起下来,用切片就方便一点,不过我不喜欢切片,我喜欢把图保存一张高质量的JPG后再进行复制,这只是设计师的爱好而已。

因为一个PS效果图要做成一个网页,不切片的话上传上去就是一个图片的形式了,就不会出现文字,所以要进行切片排版,这样才可以输出文字,当然这得靠我们的程序员了。

切好片之后的排版,就要用到CSS样式来进行文字,或图片的控制,这就是CSS定义样式,起到美化的作用。

不一定要切片,有以下几点:

需不需要切片是要看设计的网页,并不是说用div+css做网页就不用切片,图片表现的效果非常好,像按钮还有菜单栏这些地方一般都是用图片来表现的。

想做的好看,

最好是用图形,还是用代码写出来好点。

FW

它的切片生成

html.

不建议使用,只要图片,代码还是自己亲手写好一上点。

网页效果图切片需要使用html代码手工编写才行,自动生成html的软件很少,而且不规范,代码冗余多,效果不理想。

微软开发的html编写软件:Adobe Dreamweaver可以手动编写代码,创建Dom节点,同时可以编写css进行样式定义。

需要判断切片作用,部分切片可以当做背景,部分图片需要插入DOM节点处,提供给程序人员添加网页程序。

切片尽可能在不损失保真度的情况下缩小占用内存大小,这需要在切片的时候注意到背景图片的最小单元,在css中手动添加背景平铺。

网站前端旨在缩小前端图片“体积”,所以大部分切片转div和css都是需要手工编写代码,目前没有完美理想的软件生成。