如何切片生成div css

如何切片生成div css

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

微软开发的html编写软件：Adobe Dreamweaver可以手动编写代码，创建Dom节点，同时可以编写css进行样式定义。需要判断切片作用，部分切片可以当做背景，部分图片需要插入DOM节点处，提供给程序人员添加网页程序。

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

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

div+css没有办法自动生成，你可以了解一下html，然后学div+css

网上有很这div+css的教学视频，比如youku.com

,一般切图在FW里比较好用!. DIV+CSS是不能生成的，你到上网搜下DIV的教程

学下就可以！。很快的！

用photoshop把图一点点裁剪下来保存在一个文件夹中，然后把区域用一个个div包含起来，建一个html文件，建一个css文件，要是需要动态交互效果就建一个js文件。在html写div，在css文件里写各个div的表现形式，比如文字的大小，字体颜色，这些都是css呈现的。

使用DW软件，用html编程语言及css层叠样式构成静态页。