这里为大家引见一下DIV CSS制造前网页美工图设计要点：

引入
1、如果是网页美工设计与CSS切图不是同一人需求先出美工网页精确清晰的效果图
2、美工设计需求留意什么呢？接下来由CSS5为大家引见

这里讲解基于PS（Photoshop）设计前新建文件设置：

1、新建网页美工文件时，宽度与高度以像素为单位
2、分辨率是72像素
3、颜色模式为RGB 8位
4、背景内容普通为通明

计设置时候留意事项：

1、使用作为网页背景、网页图标的要清晰

2、细节一定要对齐

3、在做成网页后可改变的文字，需求使用宋体、黑体即可无需修饰

4、留意网页内容宽度，在做的时候一定要做好网页宽度的设置设计，普通网页宽度有760PX、900PX、1000PX、等最好不要超过1200PX的宽度，至于高度不限制 有多少内容就设置多高无所谓

5、有特效地方，有必要设计出特效款式，如按钮图标的鼠标经过有变化的需求设计好变化的，以便DIV CSS制造的时候切图使用

最后设计好的美工图留意：

1、千万不要合层，尽量保持，每个文字、图标图片的独立图层，以便DIV CSS切图时候隐藏显示切图

2、可以导出JPGGIFPNG等格式观察效果。

以上是在DIV CSS切图前对网页美工图设计留意事项！