如何运用ps切片,然后div+css布局的技巧!

html-css08

如何运用ps切片,然后div+css布局的技巧!,第1张

ps切片之后可以直接生成页面和图片块,页面代码都是table表格形式的,然后我们对生成的页面进行修改,将table表格用div替换掉,包括里面的tr、td等,当然你的切片一定要切的好,替换起来就方便一些,如果说你切得不够流畅或者不规则,那么替换起来就需要花更多的时间,主要还是遵从以大包小,该断则断

不应该叫css切图,应该叫网页切图。

网页设计图稿做好以后,要把图稿输出为网页放到网上给人看,需要图片根据需要切成一小块一小块的,有的直接写在html代码中插入网页,有的写到css里面做背景,通过html、css及js等代码和这些切成小块的图片组合起来形成设计稿上的样子。

具体怎么切,有很多细节,书店买点书看看,这个非三言两语能说清楚的。